Skip to content

Latest commit

 

History

History

user-interface-balloon

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
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 Balloon 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 Balloon editor comes with a floating toolbar that appears in a balloon once you select part of the content you want to edit. Balloon 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-balloon && yarn

  1. Open the user-interface-balloon/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