ckeditor简单插件(非dialog)

在CKEditor目录下有专门放插件的目录plugins,我们也把插件放这个目录下,新建一个文件夹pagination,然后在这个目录下新建一个文件plugin.js,输入下面内容:

CKEDITOR.plugins.add('pagination',{
    init: function(editor) {           
		var pluginName = 'pagination';    
		editor.addCommand(pluginName,{exec:function(editor){editor.insertHtml("[NextPage]")}});
        editor.ui.addButton('pagination', {                  
            label: '分页',   
            command: pluginName   
        });
    }
});

 打开skins\kama\editor.css,加入以下代码:

.cke_skin_kama .cke_button_pagination .cke_icon{background:url(images/pagination.gif);} 

在skins\kama\images目录下加上pagination.gif图片

 

然后,我们在ckeditor\config.js里注册这个插件,就能看到了。打开ckeditor\config.js,添加下面代码:

CKEDITOR.editorConfig = function( config )  
{  
    // Define changes to default configuration here. For example:  
    // config.language = 'fr';  
    // config.uiColor = '#AADC6E';  
    config.toolbar = 'MyToolbar';  
 
    config.toolbar_MyToolbar =  
    [  
        ['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'],  
        '/',  
        ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],  
        ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],  
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],  
        ['Link','Unlink','Anchor'],  
        ['Image','Flash','flvPlayer','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],  
        '/',  
        ['Styles','Format','Font','FontSize'],  
        ['TextColor','BGColor'],  
        ['Maximize', 'ShowBlocks','-','About']  
          
    ];  
    config.extraPlugins = 'pagination';  
 
}; 

 


版权声明:本文为liuye77321660原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。