网页编辑□□器对于一❖个完整的◤网站是必□□□□不可少的，企业网站□□□□的内容需□□要后台编○辑，要使用编◎辑器来实□□□□现自定义□□□内容管理，节省维护□□□费用。部分需要□□□投稿的网□□□站，前台也需❖要提供一▼个编辑器□□□□给用户编□□□辑投稿内◤容。

、世界上历□□□□史最悠久、代码最干◤净、兼容性最□□□好、扩展型不✦错的网页□□□□编辑器就□□算是ckeditor了，但网页编◢辑器构造□□□□非常复杂，要了解其□□□中的所有□□原理非常□□□□困难，那么，如何实现◇自定义工□□□□具栏来打□□□□丨造属于□□□自□□己的编辑◈器呢？以下J9国际集团□□网站建设□□为你一一□□□□支招。

一、通过修改config.js文件来选□□□择自己需□□□要的工具。

1、一般默认□□采用toolbar_Full工具栏，则可以添□□□□加、删除以下□□□□数组项来□□实现增减□□□工具栏或◈者改变工□□□□具栏位置：
config.toolbar = 'MyToolbar';
config.toolbar_Full =
            [
                ['Source', '-', 'Save', 'NewPage', 'Preview', '-', 'Templates'],
                ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Print', 'SpellChecker', 'Scayt'],
                ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],
                ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
                ['BidiLtr', 'BidiRtl'],
                '/',
                ['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],
                ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote', 'CreateDiv'],
                ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
                ['Link', 'Unlink', 'Anchor'],
                ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'],
                '/',
                ['Styles', 'Format', 'Font', 'FontSize'],
                ['TextColor', 'BGColor'],
                ['Maximize', 'ShowBlocks', '-', 'About']
            ];
2、自定义字□□□□体：config.font_names = '宋体;黑体;微软雅黑;Arial';
3、自定义背□□□□景颜色 ： config.uiColor = '#FFFFFF';
4、ckeditor是国际化□□□□的编辑器，支持非常□□多种语言，以下可以□□□□设置成自□□□□己喜欢的 config.language = 'zh-cn';
5、自定义换·行和段落□□□模式按键:
   config.enterMode = CKEDITOR.ENTER_P;
   config.shiftEnterMode = CKEDITOR.ENTER_BR;
6、自定义上□□□传图片路□□□□径：

    config.filebrowserUploadUrl = '';
    config.filebrowserImageUploadUrl = '';
    config.filebrowserFlashUploadUrl = '';

二、除了可以□□自定之外，还可以扩□□展工具栏，增加ckeditor没有的工□□□□具栏
第一步、需要在config.js里修改 config.extraPlugins="h1,h2,h3,p,textindent,flvPlayer,lineheight";这里我增△加了一级□□□标题、二级标题、三级标题、段落、缩进、FLV视频播放、行距等工□□□□具栏
第二步、在文件夹plugins里相应增□□□加对应的◇文件即可。

以下是打◆造后的截□□图


三、经常会出□□□现网站后□□□台编辑器□□□显示的内□□□□容和前台○不一致的□□□□问题，主要是因◢为两个外□□部环境CSS不一致，可以通过·修改编辑□□□□器里content.css来实现前♦后一致的□□□显示效果。

J9国际集团□□□专业定制♦网站，欢迎新老□□□客户咨询。