Mathematical Formulae MathJax plug-in - button toolbar

Hi,

I'm running the latest CKEditor version 4.4.3.

I'm using the Mathematical Formulae MathJax plug-in and I try to configure the tooobar item-by-item. For the MathJax plug-in I tried the key-work 'mathjax' but unfortunatly, this toolbar's key-word does not work.

Here: http://ckeditor.com/addon/mathjax, Chris Gehringer explains how to add a toolbar button in a file named plugin.js. His code is :

editor.ui.addButton('mathjax',

{
label: 'Add Math Formula',
command: 'mathjax',
icon: CKEDITOR.plugins.getPath('mathjax') + 'edu_mathematics.png'
});

But unfortunatly, in my own CKeditor I do not have any plugin.js file. My question is: where to put/create this file ?

Wed, 08/27/2014 - 12:47

Anna

Joined: 14/12/2010

Posts: 1369

If your build contains the

Mathematical Formulas is an optional plugin, so you need to add it to your build first. If your build contains the Mathematical Formulas plugin and you created it with CKBuilder, all plugin.js files are then merged into the ckeditor.js file for performance reasons.

You can verify whether the plugin is in fact there by loading one of the samples from your build (available in the samples folder). The Mathematical Formulas button should be there, just like the "Mathematics Plugin" (mathjax.html) sample.

If the plugin is indeed available, you can add its icon by using its name which is "mathjax". If you do not see the button appear, clear your browser cache first.

Documentation Manager, CKSource

See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!

Wed, 08/27/2014 - 13:06

j.swiderski

Joined: 10/05/2011

Posts: 174

MathJax plugins doesn't have

MathJax plugins doesn't have toolbar button defined because it uses widget autonomic button. You need to have icons folder in widget folder and widget will create button with name: "pluginName" starting from capital letter.

If mathjax plugin is attached with extraPlugins option and you add 'Mathjax' in toolbar as a button, it will work then.

All you need is

var editor = CKEDITOR.replace( 'editor1', {
extraPlugins:'mathjax',
toolbar : [
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates' ] },
...
{ name: 'someName', items: [ 'Mathjax' ] }
]
} );

Hope this clears this because nothing else is needed.

Thu, 08/28/2014 - 01:27

SyS

Joined: 07/08/2014

Posts: 5

Thank you, both, j.swiderski

Thank you, both, j.swiderski and Anna. It works fine.

I do not follow your exact way, j.swiderski , this is because I put all the config into the config.js and not into the html page.