To this toolbar we add associations to both the input and preview elements using API functions EqEditor.add(.) together with the EqTextArea(.) object, e.g.First initiate the Equation Editor and direct it to put the toolbar in the created in the first step with the API functions, e.g.block we now use functions defined by the API to link everything together: For most equation formats it is appropriate to use a img element again with a unique id, e.g. To help the user visualise what they are creating its a good idea to show a preview of the equation.This must allow input, so will typically be a textarea or editable div element, and as above it must be given a unique id. Define where the user will be entering the LaTeX for an equation.Define where the editor tool bar should appear, by creating an empty html element with an appropriate id, e.g.To place the Editor within a page you need the following minimum elements within your web-page: ![]() The following css and javascript must be loaded within the HTML page header: This page show the essential steps to creating an editor tool bar, customising the panels, and interfacing with content on your page. The Equation Editor API (Application Programming Interface) provides a mechanism to create custom equation editor and to seamlessly integrated the editor within any HTML web page.
0 Comments
Leave a Reply. |