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
Post a Comment