Skip to content

Latest commit

 

History

History

user-interface-balloon-block

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 Balloon Block 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 Block editor offers the balloon editor with an extra block toolbar which can be accessed using the button attached to the editable content area and following the selection in the document. The toolbar gives access to additional block–level editing features.

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

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