@wiris/mathtype-froala

MathType for Froala

MathType is a WYSIWYG editor to edit math equations and chemistry formulas. This package allows integrating MathType into Froala.

Table of Contents

• Install instructions
• Services
• Documentation

Installation

If you want to use MathType in Froala, please follow the steps below:

1. Install the npm module

   npm install @wiris/mathtype-froala
   

2. Load the module into your project

   <script src="node_modules/@wiris/mathtype-froala/wiris.js"></script>
   

3. Update Froala configuration options follow the steps below:
   • Add MathType and ChemType buttons to the toolbar and the image menu:

     ${}.froalaEditor({
         toolbar = ['wirisEditor', 'wirisChemistry']
         toolbarButtons: ['wirisEditor', 'wirisChemistry'],
         toolbarButtonsMD: ['wirisEditor', 'wirisChemistry'],
         toolbarButtonsSM: ['wirisEditor', 'wirisChemistry'],
         toolbarButtonsXS: ['wirisEditor', 'wirisChemistry'],
         imageEditButtons: ['wirisEditor', 'wirisChemistry'],
     })
     

   • Allow MathML specification

     ${}.froalaEditor({
         htmlAllowedTags:  ['.*'],
         htmlAllowedAttrs: ['.*'],
     })
     

   • Set to false useClasesss option:

     ${}.froalaEditor({
         useClasses: false,
     })
     

   Notice that the example is assuming that you have the following directory structure and the plugin path may be adjusted.

   project
   └───node_modules
       └───@wiris/mathtype-lib-froala
   

Services

This npm module uses services remotely hosted to render MathML data. However is strongly recommended to install these services in your backend. This will allow you, among other things, to customize the backend service and store locally the images generated by MathType.

The services are available for the following technologies: Java, PHP, .NET and Ruby on Rails. If you use any of these technologies, please download the plugin for your backend technology from here.

In order to install the plugin along with the correspondent services, please follow the Froala install instructions.

Documentation

To find out more information about MathType, please go to the following documentation:

• Install instructions
• MathType documentation
• Introductory tutorials
• Service customization
• Testing