Редактор формул для CKeditor

Визуальный редактор математических формул, который может возвращать математические формулы.

Новая версия

В связи с тем, что бизнес компании требует переноса онлайн-тестов на оффлайн-использование, а текущий редактор формул поддерживает только рендеринг формул в чистом веб-окружении, возникла необходимость в создании нового инструмента.

При преобразовании в Word теряется CSS, что приводит к искажению формул.

Преобразование в PDF сохраняет стиль, но при печати есть вероятность того, что текст будет разорван пополам (вероятно, это связано с обработкой изображений).

Поэтому идеальным решением было создание редактора формул, генерирующего изображения.

Ранее пользователи использовали UE от Baidu, и я вспомнил, что их редактор формул также генерировал изображения. Я решил перенести эту функциональность в CKeditor.

Так появилась новая версия.

Эта версия поддерживает вторичное редактирование формул (я изучил официальные плагины CKeditor и реализовал функцию выделения и редактирования формул).

Поэтому новый проект называется -> gitee.com/hepeichun/kityformula

Не рекомендуется продолжать использовать этот плагин, рекомендуется перейти на -> gitee.com/hepeichun/kityformula.

Демонстрационный адрес

https://hepeichun.gitee.io/jdmath/

Инструкция по использованию

Откройте config.js в редакторе CKeditor, добавьте следующие строки:

CKEDITOR.editorConfig = function( config ) {};
config.extraPlugins = 'jdmath';
config.allowedContent = true;

Затем добавьте следующую строку:

CKEDITOR.config.contentsCss = '/ckeditor_4.7.3_full/ckeditor/plugins/jdmath/mathquill-0.10.1/mathquill.css';

Это позволит вам использовать визуальную часть редактора. Теперь перейдите к странице, которую видит пользователь, и добавьте следующий код:

<link rel="stylesheet" href="ваш путь к CKeditor/plugins/jdmath/mathquill-0.10.1/mathquill.css">

После настройки вы можете начать использовать редактор.

Изначально я рассматривал JMEditor на сайте www.jmeditor.com, который показался мне очень интересным. Однако автор долгое время не обновлял его, а мой интерфейс и функции CKeditor требовали других решений. Поэтому я решил создать свой собственный плагин, вдохновлённый JMEditor.

Однако позже я обнаружил, что если формула слишком длинная, то сгенерированный HTML-код переполняет базу данных. Тогда я начал искать другие решения.

Решение 1

Можно сделать так, чтобы редактор формул возвращал LaTeX-код, а затем повторно рендерил его. Официальный плагин CKeditor для формул делает именно так, но он требует ручного ввода LaTeX-кода, что не очень удобно.