angularプロジェクトにckeditorをインストールしようとしています。npmを使用してckeditor4-angular
をインストールしようとしましたが、WIRIS mathTypeなどのプラグインを追加する方法が見つかりませんでした。どうすればよいですか?エディターをangularプロジェクトにインストールし、プラグインをインストールしますか?
これに関する問題があります https://github.com/ckeditor/ckeditor5-angular/issues/134 。カスタムCKEditorビルドを作成し、それに必要なプラグインを含める必要があります。ここにガイドがあります: https://ckeditor.com/docs/ckeditor5/latest/builds/guides/development/custom-builds.html BTW I最新バージョンのCKEditor 5を使用することをお勧めします。
UPD:
git clone 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
build
フォルダからプロジェクトにすべてをコピーします。例えばsrc/assets/js/ck-editor-math-type/
-> translations
-> ...
-> ckeditor.js
package.json
に追加します"dependencies": {
...
"@ckeditor/ckeditor5-angular": "^1.1.2",
...
}
import * as ClassicEditor from '../../assets/js/ck-editor-math-type/ckeditor.js';
...
export class CkeditComponent implements OnInit {
public Editor = ClassicEditor;
public model = {
editorData: '<p>Hello, world!</p>'
};
}
<ckeditor [(ngModel)]="model.editorData" [editor]="Editor"></ckeditor>
これがお役に立てば幸いです。