javascript - CKEditor bullets and numbers formatting -


i have ckeditor in mode inline, , 1 of problems i'm having bullets , numbers (lists) not attached color and/or font size.

lock example in image:

http://i.imgur.com/m65q2mg.png

in config.js define font size have configuration:

config.fontsize_defaultlabel = 'size'; config.fontsize_sizes = '8/8px;9/9px;10/10px;11/11px;12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;36/36px;48/48px;72/72px;96/96px;120/120px;144/144px;168/168px;192/192px;216/216px;240/240px;264/264px;288/288px;312/312px'; config.fontsize_style = {     element: 'span',     attributes: {'class':'font-#(size)'},     overrides: [ {         element: 'span', attributes: { 'class': null }     } ] }; 
  • is there way around ?

in ckeditor's folder have config.js file. there can set toolbar have sections, buttons...

a sample toolbar config:

config.toolbargroups = [     { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'cut', 'copy', 'paste', 'pastetext', 'pastefromword', '-', 'undo', 'redo' ] },     { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'scayt' ] },     { name: 'links', items: [ 'link', 'unlink', 'anchor' ] },     { name: 'insert', items: [ 'image', 'table', 'horizontalrule', 'specialchar' ] },     { name: 'tools', items: [ 'maximize' ] },     { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'source' ] },     { name: 'others', items: [ '-' ] },     '/',     { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'bold', 'italic', 'strike', '-', 'removeformat' ] },     { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'numberedlist', 'bulletedlist', '-', 'outdent', 'indent', '-', 'blockquote' ] },     { name: 'styles', items: [ 'styles', 'format' ] },     { name: 'about', items: [ 'about' ] } ]; 

if don't want or can't edit config file, can create when instantiate editor in example: http://jsfiddle.net/ddan/b4ygj/489/ (jsfiddle)

code:

ckeditor.replace('editor1', {     toolbar : [     { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'cut', 'copy', 'paste', 'pastetext', 'pastefromword', '-', 'undo', 'redo' ] },     { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'scayt' ] },     { name: 'links', items: [ 'link', 'unlink', 'anchor' ] },     { name: 'insert', items: [ 'image', 'table', 'horizontalrule', 'specialchar' ] },     { name: 'tools', items: [ 'maximize' ] },     { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'source' ] },     { name: 'others', items: [ '-' ] },     '/',     { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'bold', 'italic', 'strike', '-', 'removeformat' ] },     { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'numberedlist', 'bulletedlist', '-', 'outdent', 'indent', '-', 'blockquote' ] },     { name: 'styles', items: [ 'styles', 'format' ] },     { name: 'about', items: [ 'about' ] } ] }); 

Comments

Popular posts from this blog

OpenCV OpenCL: Convert Mat to Bitmap in JNI Layer for Android -

android - org.xmlpull.v1.XmlPullParserException: expected: START_TAG {http://schemas.xmlsoap.org/soap/envelope/}Envelope -

python - How to remove the Xframe Options header in django? -