Hi Paul,

You will get the most accurate and best help if you post your question on the CKEditor component itself. that way the author of the forum will be able to help you. I have used it a few times, and I know its a JSON confi for the property of the component, but not sure of the specifics.

Hi Paul,

Check this post.

Regards,

Marcelo

I have tried to configure the CKEditor as below but not works.

Please advise how to configure the autoParagraph and enterMode

"height:'140px', 

toolbar:[

    ['Font','FontSize'],

    ['Bold','Italic','Underline'],

    ['NumberedList','BulletedList','-','Outdent','Indent'],

    ['Scayt'],

    ['TextColor','BGColor'],

    ['Image'],

    ['Source']

],

enterMode : CKEDITOR.ENTER_BR,

shiftEnterMode: CKEDITOR.ENTER_P,

autoParagraph: 'false'"

Hi Jessica,

Have a look at the CKEditorDemo, it has some examples, here is one of them:

toolbarGroups: [
        { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
        { name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
        { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
        { name: 'forms', groups: [ 'forms' ] },
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
        { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
        { name: 'links', groups: [ 'links' ] },
        { name: 'insert', groups: [ 'insert' ] },
        '/',
        { name: 'styles', groups: [ 'styles' ] },
        { name: 'colors', groups: [ 'colors' ] },
        { name: 'tools', groups: [ 'tools' ] },
        { name: 'others', groups: [ 'others' ] },
        { name: 'about', groups: [ 'about' ] }
    ],

removeButtons: 'Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,Anchor,Language,BidiRtl,BidiLtr,CreateDiv,Find,Replace,Cut,Copy,Paste,PasteText,PasteFromWord,Templates,Save,NewPage,Preview,Print,Source,SelectAll,Scayt,Subscript,Superscript,RemoveFormat,Flash,Table,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe,ShowBlocks',


extraPlugins: 'wordcount,notification',


wordcount: {
    // Whether or not you want to show the Paragraphs Count
    showParagraphs: true,

    // Whether or not you want to show the Word Count
    showWordCount: true,

    // Whether or not you want to show the Char Count
    showCharCount: true,

    // Whether or not you want to count Spaces as Chars
    countSpacesAsChars: true,

    // Whether or not to include Html chars in the Char Count
    countHTML: false,
    
    // Maximum allowed Word Count, -1 is default for unlimited
    maxWordCount: -1,

    // Maximum allowed Char Count, -1 is default for unlimited
    maxCharCount: -1,
}
	

I hope this helps!

Kind regards,

Stuart

If you are using CKEditor 4 like me, here is how to configure the toolbar.

1. Click on the CKEditor widget attached to the desired input.

2. Under its properties, go to Config and change its code.

3. The code should look as follows (example).