Sorry but that is a challenging problem for a niche audience not something I plan to work on myself at the moment. I would suggest do some googling on MathML, CKeditor, and TinyMCE. Possibly you can find something that will plug into one of those editors and figure out your own way to integrate it for your use. Or you might also look at tools such as moodle which is a learning management system and therefore more likely to already have a way to do this kind of thing.

It would be a bit labor-intensive, but you  can use the math Unicode entities to draw your symbols, and that should work in modern browsers. For example, an integral (in hexadecimal encoding) is:

∫

I'm not sure how that will appear here since it'll probably get re-encoded by the editor, but if it's garbled it should be like this, without spaces:

& # x222B ;

If you insert this into HTML mode in the editor it should work (I tested it with one of our development sites).

There are nice printable lists at the Unicode.org charts site, and this web page has a good list of them as well.

Jamie

Hi,

FYI, I found this plugin for CKEditor that seems to work. Download and extract the zip on that page and copy the folder named equation into the CKEditor plugins folder, in the current release of mojoPortal copy it to /ClientScript/ckeditor403/plugins

Then edit the file /ClientScript/ckeditor-mojoconfig.js

add it to extra plugins like this:

config.extraPlugins = 'oembed,templates,onchange,equation';

then in the toolbar like this:

config.toolbar_FullWithTemplates =
    [
        ['Source','Maximize'],
        ['SelectAll', 'RemoveFormat', 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Print', 'SpellChecker', 'Scayt'],
        ['Undo','Redo'],['Find','Replace'],['Bold','Italic','Underline','Strike','Superscript'],
        '/',
        ['Blockquote','Styles'],['NumberedList','BulletedList','Outdent', 'Indent'],['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
        ['Link','Unlink','Anchor'],
        ['Templates','Image','Flash','oembed','Table','HorizontalRule','Smiley','SpecialChar','ShowBlocks','Equation']
    
    ];

or ideally copy the file ckeditor-mojoconfig.js and rename it then configure this setting in user.config so it points to your custom file:

<add key="CKEditor:ConfigPath" value="~/ClientScript/ckeditor-mojoconfig.js" />

that way you won't lose this customization if you upgrade to a new version of mojoPortal. The ckeditor-mojoconfig.js file would be replaced during an upgrade of mojoPortal.

​The plugin seems to use a remote service that generates images for the formulas.

Hope that helps,

Joe