npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@wiris/mathtype-froala

v8.8.3

Published

MathType Web for Froala Editor

Downloads

645

Readme

MathType for Froala Editor

Type and handwrite mathematical notation with MathType in the Froala editor. This package is compatible with Froala editor versions 3 and higher.

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

Table of Contents

Installation

  1. Install the MathType for Froala npm module:

    # This plugin works with the Froala V4 and V3:
    # [email protected] to [email protected]
    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:

        // From Froala 'Get started' section https://froala.com/wysiwyg-editor/docs/overview/
        new FroalaEditor('.selector', {
           // Add MathType and ChemType buttons to the toolbar and the image menu:
           toolbar: ['wirisEditor', 'wirisChemistry'], 
           imageEditButtons: ['wirisEditor', 'wirisChemistry'],
           // Allow all tags, in order to allow MathML:
           htmlAllowedTags:  ['.*'],
           htmlAllowedAttrs: ['.*'],
           // Allow empty tags on these next elements for proper formula rendering:
           htmlAllowedEmptyTags: ['mprescripts', 'none'],
           // In case you are using a different Froala editor language than default,
           // language: 'es',
           // You can choose the language for the MathType editor, too:
           // @see: https://docs.wiris.com/en/mathtype/mathtype_web/sdk-api/parameters#regional_properties
           // mathTypeParameters: {
           //   editorParameters: { language: 'es' },
           // },
        }

    Notice the example assumes this directory structure:

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

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 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.

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.