CKEditor

CKEditor 5 provides every type of WYSIWYG editing solution imaginable. Plugin page.

Usage

To use the plugin,you need to add the following files.

<!-- Javascript --><script src="libs/ckeditor5/ckeditor.js"></script>

Basic Demo

Here goes the initial content of the editor.

<div id="editor"><p>Here goes the initial content of the editor.</p></div>
ClassicEditor.create(document.querySelector('#editor'))

Customized Demo

Here goes the initial content of the editor.

ClassicEditor.create(document.querySelector('#customized-editor'),{toolbar:['heading','|','bold','italic','link','bulletedList','numberedList','blockQuote'],heading:{options:[{model:'paragraph',title:'Paragraph',class:'ck-heading_paragraph'},{model:'heading1',view:'h1',title:'Heading 1',class:'ck-heading_heading1'},{model:'heading2',view:'h2',title:'Heading 2',class:'ck-heading_heading2'}]}})
On this page