Skip to content

Latest commit

 

History

History

source-code-editing

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
public/assets/images/avatars
public/assets/images/avatars
 
 
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

Source code editing and HTML support

CKEditor can be set to accept any HTML element, attribute, style, or class. Additionally, the Source button allows users to edit raw HTML.

CKEditor 5 supports custom HTML markup and styles. Switch to the source mode to check out the HTML source of the content and play with it. See time, abbr, aside and details semantic elements as well as non-semantic tags and inline styles used to implement column layout.

See this demo live at ckeditor.com or read more about this feature 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/source-code-editing && yarn

  1. Open the source-code-editing/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