Directory

← Back

MathQuill integration

Vaadin integration of the MathQuill javascript library. Enables WYSIWYG editing of math in the browser without images.

Author

Rating

Popularity

<100

VMathQuill is a Vaadin integration of the MathQuill javascript library. It offers familiar Vaadin concepts such as Labels and TextFields as MathQuill enabled variants. MathQuill itself enables the user to render and edit latex in the browser, WYSIWYG style. This add-on was made as a part of the ViLLE project.

Currently VMathQuill includes the following components.

MathLabel

Statically displays MathQuill rendered math.

MathTextField

Allows editing math via a MathQuill editable or textbox. The user can add latex commands from the server side to the current cursor position. The component also tries to use the selection if there is one, e.g. if \sqrt{} is added and the user has selected x^2, the result will be \sqrt{x^2}.

RichMathArea

Normal Vaadin RichTextArea, but with an added button for adding math. MathQuill is used to render the input math, but due to technical limitations the actual math in the editable area is rendered as an image. Clicking the image displays a MathQuill rendered editor.

GlobalToolbar

As seen on the demo, toolbars for a single MathTextField can be built from normal Vaadin components. GlobalToolbar is intended for building a floating toolbar that targets any math field that has had focus, even those by RichMathArea.

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

  • many fixes and tweaks for RichMathArea's client-side
  • added helper for parsing the value of RichMathArea
Released
2011-11-19
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 6.7+
Browser
Internet Explorer
Firefox
Safari
Google Chrome
Internet Explorer

MathQuill integration - Vaadin Add-on Directory

Vaadin integration of the MathQuill javascript library. Enables WYSIWYG editing of math in the browser without images. MathQuill integration - Vaadin Add-on Directory
VMathQuill is a Vaadin integration of the MathQuill javascript library. It offers familiar Vaadin concepts such as Labels and TextFields as MathQuill enabled variants. MathQuill itself enables the user to render and edit latex in the browser, WYSIWYG style. This add-on was made as a part of the ViLLE project. Currently VMathQuill includes the following components. MathLabel Statically displays MathQuill rendered math. MathTextField Allows editing math via a MathQuill editable or textbox. The user can add latex commands from the server side to the current cursor position. The component also tries to use the selection if there is one, e.g. if \sqrt{} is added and the user has selected x^2, the result will be \sqrt{x^2}. RichMathArea Normal Vaadin RichTextArea, but with an added button for adding math. MathQuill is used to render the input math, but due to technical limitations the actual math in the editable area is rendered as an image. Clicking the image displays a MathQuill rendered editor. GlobalToolbar As seen on the demo, toolbars for a single MathTextField can be built from normal Vaadin components. GlobalToolbar is intended for building a floating toolbar that targets any math field that has had focus, even those by RichMathArea.
Online Demo
Issue Tracker
Source Code
MathQuill
CodeCogs
Discussion Forum
ViLLE

MathQuill integration version 0.9.1
Initial release

MathQuill integration version 0.9.5
- many fixes and tweaks for RichMathArea's client-side - added helper for parsing the value of RichMathArea

Online