CKEditor 5 provides every type of WYSIWYG editing solution imaginable. Plugin page.
To use the plugin, you need to add the following files.
<!-- Javascript -->
<script src="libs/ckeditor5/ckeditor.js"></script>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'))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'}
]
}
})