logo
image
Timotheus Bendan
Sales Manager
Profile Inbox Settings Logout
CKEditor
  • Shopping Cart
    ...
    Digital clock
    1 x $1.190,90
    ...
    Toy Car
    1 x $139.58
    ...
    Sunglasses
    2 x $50,90
    ...
    Cake
    1 x $10,50
    Sub Total : $1.442,78

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