Как я могу показать формулу математического типа для внутреннего html angular я использую angular8 и ckeditor5 плагин математического типа - PullRequest
Новая
       137

Как я могу показать формулу математического типа для внутреннего html angular я использую angular8 и ckeditor5 плагин математического типа

0 голосов
/ 29 марта 2020

Клонировать исходное репо: git клон https://github.com/ckeditor/ckeditor5-build-classic.git

Установить зависимости 

npm install

Установить необходимый плагин сам 

npm install --save @wiris/mathtype-ckeditor5

Откройте src / ckeditor. js и новый плагин для редактора: 

...
import MathType from '@wiris/mathtype-ckeditor5';
...

ClassicEditor.builtinPlugins = [
   ...
   MathType
];

ClassicEditor.defaultConfig = {
    toolbar: {
        items: [
            ...
            'MathType',
            ...
        ]
    },
    ...
};

Затем соберите редактор (вам может понадобиться установить пряжу) yarn run build

После этого скопируйте все из папки сборки в ваш проект. Например, 

src/assets/js/ck-editor-math-type/
   -> translations
      -> ...
   -> ckeditor.js

Добавить код ckeditor в пакет. json

"dependencies": {
   ...
   "@ckeditor/ckeditor5-angular": "^1.1.2",
   ...
}


Import CKEditor to your component:
import * as ClassicEditor from '../../assets/js/ck-editor-math-type/ckeditor.js';

```code
export class CkeditComponent implements OnInit {

    public Editor = ClassicEditor;

    public model = {
        editorData: '<p>Hello, world!</p>'
    };
}

Добавить его тоже в свой шаблон. html

все работает, но я ' м не в состоянии показать формулы во внутреннем html

...