如何自定义ckeditor的工具栏

我正在使用ckeditor并希望自定义工具栏和文本输入区域作为两个句子之间的差距。 我无法找到toolbar.js或config.js,我应该在哪里进行更改..

我如何自定义上述两者

Sonal的答案本身并没有错,但是没有提到CKEDITOR。 FCKeditor是(并且是)一个好产品,但它现在被新的CKEditor取代,所以使用这些配置可能不会真正起作用。

正如您可以在此处阅读的文档中所述,您可以通过编辑config.js文件来传递自定义配置选项,该文件位于CKeditor的根文件夹中(在全新安装中…如果您将其移动,则相应地执行操作)

该文件已包含以下行:

 CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: // config.language = 'fr'; // config.uiColor = '#AADC6E'; }; 

您可以在其API DOCS中找到可用配置的整个列表。 出现问题,您可以在工具栏中设置您想要/不想要的内容(请查看工具栏 §):

 // This is actually the default value. config.toolbar_Full = [ { name: 'document', items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] }, { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] }, { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] }, { name: 'forms', items : [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] }, '/', { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] }, { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] }, { name: 'links', items : [ 'Link','Unlink','Anchor' ] }, { name: 'insert', items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] }, '/', { name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] }, { name: 'colors', items : [ 'TextColor','BGColor' ] }, { name: 'tools', items : [ 'Maximize', 'ShowBlocks','-','About' ] } ]; 

至于线路是否很高,我不知道你是想在渲染模式下改变,还是想要改变在每个换行符处有一个

标签的默认行为。 在后一种情况下,使用

 config.enterMode = CKEDITOR.ENTER_BR; 

你可以在这里找到详细的解释(EnterMode§)

如果需要,还可以使用以下命令在运行时传递自定义配置

 CKEDITOR.replace( '#textarea_id', { customConfig : '/myconfig.js' } ); 

或者这个(用默认的后备替换你的自定义)

 CKEDITOR.replace( '#textarea_id', { customConfig : '' } );