Big news!Introducing Socket AI - ChatGPT-Powered Threat Analysis. Learn more
Socket
Log inDemoInstall

@wiris/mathtype-tinymce5

Package Overview
Dependencies
1
Maintainers
1
Versions
30
Issues
File Explorer

Advanced tools

@wiris/mathtype-tinymce5

MathType Web for TinyMCE5 editor

    8.2.6latest
    GitHub

Version published
Maintainers
1
Weekly downloads
460
decreased by-33.91%

Weekly downloads

Readme

Source

MathType for TinyMCE V5

Type and handwrite mathematical notation with MathType.

Easily include quality math equations in your documents and digital content.

Table of Contents

  • Install instructions
  • Known issues
  • Services
  • Documentation
  • Displaying on Target Page
  • Privacy policy

Install instructions

  1. Install the npm module:

    npm install @wiris/mathtype-tinymce5
  2. Add the plugin as an external plugin:

    tinymce.init({ external_plugins: { 'tiny_mce_wiris': `node_modules/@wiris/mathtype-tinymce5/plugin.min.js`, } });
  3. Add MathType buttons to the TinyMCE5 toolbar and the recommended settings:

    tinymce.init({ toolbar: 'tiny_mce_wiris_formulaEditor tiny_mce_wiris_formulaEditorChemistry', // We recommend to set 'draggable_modal' to true to avoid overlapping issues // with the different UI modal dialog windows implementations between core and third-party plugins on TinyMCE. // @see: https://github.com/wiris/html-integrations/issues/134#issuecomment-905448642 draggable_modal: true, // You could set a different language for MathType editor: // language: 'fr_FR', // mathTypeParameters: { // editorParameters: { language: 'fr' }, // }, });

    Notice the example assumes this directory structure:

    └───index.html └───node_modules └───@wiris/mathtype-tinymce5

Known issues

  • The editor's caret is lost when inserting a new formula on Safari with ChemType #486

Services

This npm module uses remotely hosted services to render MathML data. However, we recommend you install these services on your 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 here.

In order to install the plugin along with the correspondent services, please follow the TinyMCE5 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.

Keywords

FAQs

Last updated on 17 Mar 2023

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket
Socket
support@socket.devSocket SOC 2 Logo

Product

  • Package Issues
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc