Ckeditor4.x toolbar Configuration

Source: Internet
Author: User

    1. On the homepage, you must download the full version instead of the Stander version.

    2. You can find the official description under the ckeditor \ samples \ plugins \ toolbar directory.

    3. There are two official instructions: 1 toolbar 2 toolbargroup


Which of the following are translated by Google?

This example shows that the page editor is loaded with a full toolbar (all registration buttons). If you modify the default settings of the current editor configuration, you can also modify the toolbar with editing.

Ckeditor 4 has two ways to configure toolbar buttons.

By config. Toolbar

You can clearly define which buttons are displayed in which groups and order. This is more precise, but not flexible. If the newly added plug-in adds its own button, you must manually add it to your Config. toolbar as well.

To add a custom toolbar to set up an instance of ckeditor, insert it to your code for the following JavaScript call:

Ckeditor. replace ('textarea _ id', {toolbar: [{Name: 'document', items: ['source', '-', 'newpage', 'preview ', '-', 'templates']}, // defines toolbar group with name (used to create voice label) and items in 3 subgroups. ['cut ', 'copy', 'paste', 'pastetext ', 'pastefromword','-', 'undo', 'redo '], // defines toolbar group without name. '/', // line break-Next group will be placed in new line. {Name: 'basicstyles ', items: ['bold', 'italic ']});


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.