mathsymbols-tinymce-plugin

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #golang #rust #deep-learning #awesome #vue #pytorch #security #ios #mcp

mathsymbols-tinymce-plugin

(★ 9)

Add Math Font into your Tinymce - plugin

mathsymbols-tinymce-plugin Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# MathSymbols-TinyMCE-Plugin

This plugin using [MathJax](https://www.mathjax.org) library for rendering math font.

This plugin compatible with TinyMce 4.

![MathSymbols TinyMCE Plugin - Visual demo](https://raw.githubusercontent.com/Axel186/mathsymbols-tinymce-plugin/master/demo.gif)

*Is better to check this project before use: http://www.imathas.com/editordemo/demo.html.*

## Install

### NPM:
```
npm install mathsymbols-tinymce-plugin --save
```

### Bower:
```
bower install mathsymbols-tinymce-plugin --save
```

### Download

* [Latest build](https://github.com/Axel186/mathsymbols-tinymce-plugin-bower/archive/master.zip)

## Usage

Configure your TinyMce init settings by adding `external_plugins` and usage of `mathSymbols`:

```
  tinymce.init({
    selector: 'textarea',
    external_plugins: {'mathSymbols': '/your-path-to-plugin/mathsymbols-tinymce-plugin/plugin.min.js'}, // Add plugin to Tinymce
    toolbar: 'mathSymbols'
  });
```

With this plugin you able to add Math Symbols into your content, but you also have to add [MathJax](https://www.mathjax.org) to the website itself.

## How to test it:

```
git clone https://github.com/Axel186/MathSymbols-TinyMCE-Plugin.git
cd MathSymbols-TinyMCE-Plugin
npm install
npm start
```

Now go to `http://localhost:8080`.

## How to build the dist files:

```
npm run build
```

Now you have your own `dist` folder - minimized version of plugin already there.

### Configure your TinyMce:

```Javascript
tinymce.init({
  selector: 'textarea',
  external_plugins: {'mathSymbols': 'http://your-website/.../mathsymbols-tinymce-plugin/plugin.js'}, // Add plugin to Tinymce
  plugins: 'mathSymbols',
  toolbar: 'mathSymbols',
});
```

## The development server

By running the `npm start` command you start the development server and open a browser window with an instance of TinyMCE with your plugin added to it. This window will reload automatically whenever a change is detected in the `index.html` file in the `static` folder or in one of the JavaScript files in the `src` directory.

## The production build

By running the `npm run build` command Webpack will create a `dist` directory with a child directory with the name of your plugin (mathsymbols-tinymce-plugin) is containing three files:

* `plugin.js` - the bundled plugin
* `plugin.min.js` - the bundles, uglified and minified plugin
* `LICENSE` - a file explaining the license of your plugin (copied over from `src/LICENSE`)

## License - MIT

mathsymbols-tinymce-plugin

mathsymbols-tinymce-plugin Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

mathsymbols-tinymce-plugin

mathsymbols-tinymce-plugin Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README