Skip to content

Latest commit

 

History

History

user-interface-document

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
public/assets/images
public/assets/images
 
 
README.md
README.md
 
 
content.css
content.css
 
 
demo.css
demo.css
 
 
index.html
index.html
 
 
index.js
index.js
 
 
package.json
package.json
 
 

README.md

Editor with Document user interface

CKEditor comes with a variety of editor types and user interface configuration options you can choose from. See all of them in action.

The Document editor provides a similar editing experience to some native word processors such as Microsoft Word, with the UI that resembles a paper document.

See this demo live at ckeditor.com or read more about it in the CKEditor 5 documentation.

Installation steps

  1. Clone this repository:
git clone [email protected]:ckeditor/ckeditor5-demos.git
  1. Change the directory and install the dependencies:
cd ckeditor5-demos/user-interface-document && yarn

  1. Open the user-interface-document/index.js file and update the values of the LICENSE_KEY, CKBOX_TOKEN_URL, and WEB_SPELL_CHECKER_LICENSE_KEY variables. Without this, the CKBox, spell checker, and other premium features will not be enabled.

  2. Start the demo:

yarn dev