@wiris/mathtype-ckeditor4
v8.11.1
Published
MathType Web for CKEditor4 editor
Downloads
716
Maintainers
Readme
MathType for CKEditor 4
Type and handwrite mathematical notation with MathType.
Easily include quality math equations in your documents and digital content.
Table of Contents
Install instructions
Install the npm module:
npm install @wiris/mathtype-ckeditor4
Add the plugin as an external plugin:
CKEDITOR.plugins.addExternal("ckeditor_wiris", "../node_modules/@wiris/mathtype-ckeditor4/", "plugin.js");
Update the CKEditor configuration by adding the new plugin, allowing MathML content and adding the MathType and ChemType buttons to the toolbar:
CKEDITOR.replace("editor", { //eslint-disable-line extraPlugins: "ckeditor_wiris", // Allow MathML content. allowedContent: true, toolbar: [ { name: "wirisplugins", items: ["ckeditor_wiris_formulaEditor", "ckeditor_wiris_formulaEditorChemistry"] }, // To avoid errors and have mathtype fully functional { name: "others" }, ], // language: 'de', // mathTypeParameters: { // editorParameters: { language: 'es' }, // MathType config, including language // }, });
Notice the example assumes this directory structure:
└───index.html └───node_modules └───@wiris/mathtype-ckeditor4
Services
This npm module uses remotely hosted services to render MathML data. However, we strongly recommend you install these services on the backend. This will allow you, among other things, to configure the service and to locally store the images generated by MathType.
The services are available for Java, PHP, .NET and Ruby on Rails. If you use any of these technologies, please download the plugin for your backend technology from our website.
In order to install the plugin along with the correspondent services, please follow the CKEditor4 install instructions.
Displaying on Target Page
In order to display mathematical formulas on the target page, i.e. the page where content produced by the HTML editor will be visible, the target page needs to include the MathType script. For example for the default setting this would be:
<script src="https://www.wiris.net/demo/plugins/app/WIRISplugins.js?viewer=image"></script>
Documentation
To find out more information about MathType, please go to the following documentation:
Privacy policy
The MathType Privacy Policy covers the data processing operations for the MathType users. It is an addendum of the company’s general Privacy Policy and the general Privacy Policy still applies to MathType users.