Skip to content

Latest commit

 

History

History

user-interface-inline

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 Inline 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 Inline editor comes with a floating toolbar that becomes visible when the editor is focused (e.g. with a click of your mouse). Inline editor allows you to edit content in its real location on the web page instead of doing it in a separate administration section.

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-inline && yarn

  1. Open the user-interface-inline/index.js file and update the values of the LICENSE_KEY variable. Without this, the premium features will not be enabled.

  2. Start the demo:

yarn dev