Note:
This is a custom build of CKEditor 5 with Simple Upload Adapter and Image Resize Plugins
It is important that you use the stable branch of a build, not the master branch. The master branch might contain changes which are not yet compatible with the versions of CKEditor 5 source packages that were published on npm.
The ckfinder and easyimage plugins has been removed
Documentation
Please check CKEditor 5 Editor official documentation:
Quick start
Angular
Installation
npm i @ckeditor/ckeditor5-angularnpm i ckeditor5-build-classic-simple-upload-adapter-image-resize
Import the CKEditorModule module
//...; @ {}
;;; @ editor = ClassicEditor; config: CKEditor5Config = image: // image plugin config toolbar: 'imageTextAlternative' '|' 'imageStyle:alignLeft' 'imageStyle:full' 'imageStyle:alignRight' styles: 'full' 'alignLeft' 'alignRight' simpleUpload: // The URL that the images are uploaded to. uploadUrl: "http://example.com" // Headers sent along with the XMLHttpRequest to the upload server. headers: "X-CSRF-TOKEN": "CSFR-Token" Authorization: "Bearer <JSON Web Token>" ;
JS
Installation
npm i ckeditor5-build-classic-simple-upload-adapter
; // Or using the CommonJS version:// const ClassicEditor = require('ckeditor5-build-classic-simple-upload-adapter'); ClassicEditor ;
HTML
Installation
npm i ckeditor5-build-classic-simple-upload-adapter
This is the editor content.
Note: If you are planning to integrate CKEditor 5 deep into your application, it is actually more convenient and recommended to install and import the source modules directly (like it happens in ckeditor.js
). Read more in the Advanced setup guide.