Визуализированный плагин для математических формул в редакторе CKeditor: версия с изображениями

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

Ограничения и лицензии

Лицензия: Apache License 2.0.

В целом, использование не ограничено коммерческими целями, но kityformula принадлежит компании Baidu, поэтому необходимо соблюдать условия использования, указанные на сайте kityformula.

Версия

Эта версия была перенесена из редактора формул UEditor, доступного в Baidu UEditor (UEditor 公式插件), через UEditor公式插件传送门. Основная цель — решить проблему искажения формул при экспорте из нашей экзаменационной системы в Word. Я долго думал над этой проблемой и понял, что невозможно внедрить CSS в Word, поэтому формулы, созданные с помощью одного редактора, отображаются корректно на веб-странице, но искажаются при переносе в Word.

Мы решили преобразовать формулы в изображения, что решило все проблемы.

W: Почему бы не использовать напрямую Baidu UE Editor? Q: Он уже много лет не поддерживается.

Особенности версии с изображениями

1. Поддержка редактирования формул правой кнопкой мыши.
2. Возможность вторичного редактирования формул.
3. Поддержка экспорта в Word. Планируется добавить поддержку взаимного вторичного редактирования двух видов плагинов.

Демонстрация

Демонстрация доступна по ссылке и здесь — это чистый веб-редактор формул.

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

Откройте config.js в CKeditor и добавьте следующую строку в функцию CKEDITOR.editorConfig = function(config) {}:

config.extraPlugins = 'kityformula';

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

Вариант решения

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

Пример кода для config.js

CKEDITOR.editorConfig = function( config ) {
    config.extraPlugins = 'kityformula';
};