Skip to content

C
CKEditor 5 Custom Build
Commit 966d5aff authored by Marek Lewandowski's avatar Marek Lewandowski
Browse files
Options

Docs: Fixed code listing in the README.md.

parent 09f0f1b2
Show whitespace changes
Inline Side-by-side
Showing with 12 additions and 11 deletions
README.md
View file @ 966d5aff
......@@ -31,17 +31,18 @@ npm install --save @ckeditor/ckeditor5-build-decoupled-document
And use it in your website:
```html
<div id="toolbar-container"></div>
<div id="editor">
<p>This is the editor content.</p>
</div>
<script src="./node_modules/@ckeditor/ckeditor5-build-decoupled-document/build/ckeditor.js"></script>
<script>
DecoupledEditor
.create( '<h2>Hello world!</h2>', {
toolbarContainer: document.querySelector( '.toolbar-container' ),
editableContainer: document.querySelector( '.editable-container' )
} )
.create( document.querySelector( '#editor' ) )
.then( editor => {
// The toolbar needs to be explicitly appended.
document.querySelector( '#toolbar-container' ).appendChild( editor.ui.view.toolbar.element );
window.editor = editor;
} )
.catch( err => {
......@@ -59,11 +60,11 @@ import DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';
// const DecoupledEditor = require( '@ckeditor/ckeditor5-build-decoupled-document' );
DecoupledEditor
.create( '<h2>Hello world!</h2>', {
toolbarContainer: document.querySelector( '.toolbar-container' ),
editableContainer: document.querySelector( '.editable-container' )
} )
.create( document.querySelector( '#editor' ) )
.then( editor => {
// The toolbar needs to be explicitly appended.
document.querySelector( '#toolbar-container' ).appendChild( editor.ui.view.toolbar.element );
window.editor = editor;
} )
.catch( err => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment