MathQuill integration - Vaadin Add-on Directory
Vaadin integration of the MathQuill javascript library. Enables WYSIWYG editing of math in the browser without images.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 DemoIssue 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