alloy editor
  • Docs
  • Updates
  • Develop
    • About
    • Build it
    • Create
    • Create Buttons
    • Create Skins
    • Create Toolbars
    • Create entirely new UI
  • Use
    • Basic use
    • How to use it?
    • Creating a React component
    • How to use CKEditor Plugins?
    • Editor Configuration
    • Toolbar configuration
    • Button configuration
    • Read only mode
    • Skins
  • Features
    • Quote
    • Bold
    • Code
    • Horizontal Line
    • Heading 1
    • Image Alignment - Center
    • Heading 2
    • Image
    • Image Alignment - Left
    • Image Alignment - Right
    • Indent and outdent block content
    • Link
    • Link AutoComplete
    • Italic
    • Text Alignment - Centered
    • Text Alignment - Left
    • Text Alignment - Justified
    • Camera
    • Strike
    • Remove Format
    • Text Alignment - Right
    • Styles
    • Superscript
    • Subscript
    • Table
    • Table - Cells
    • Table - Columns
    • Lists (Numbered)
    • Table - Heading
    • Table - Remove
    • Table - Rows
    • Underline
    • Twitter
    • Lists (Bulleted)

Build it

Install NodeJS

Using your browser, navigate to http://nodejs.org and install NodeJS.

Download AlloyEditor

Use the Clone or Fork buttons in our Github Repository page to get a copy of AlloyEditor.

After that, follow the instructions to clone (download) the project onto your computer.

Install AlloyEditor dependencies

Open a terminal on your computer and navigate to the AlloyEditor project you cloned locally.

For AlloyEditor 2.0 and above

yarn install # or "npm install", if you don't have Yarn

For AlloyEditor versions prior to 2.0

npm install -g gulp # or "sudo npm install -g gulp"
npm install

Build AlloyEditor

Navigate to the AlloyEditor project you cloned locally and run the commands below.

For AlloyEditor 2.0 and above

yarn build # or "npm run build" if you don't have Yarn

There are other scripts that you an use, like yarn start (npm run start) to run a live-reloading demo, or yarn test (npm test).

For AlloyEditor versions prior to 2.0

gulp build

There are other gulp tasks you can use, like release to generate a bundled zip file, or watch if you're in development mode.

Liferay.com