ckeditor 学习笔记【2】添加自定义按钮

最新推荐文章于 2024-05-14 23:27:17 发布

殷长庆

最新推荐文章于 2024-05-14 23:27:17 发布

阅读量1k

点赞数

文章标签： ckeditor

本文链接：https://blog.csdn.net/anshichuxuezhe/article/details/75647495

版权

1、首先添加图片插件
添加按钮

2、注册插件到ckeditor中
这里写图片描述

3、显示
这里写图片描述

(function() {
    CKEDITOR.plugins.add("customimageupload", {
        init: function(a) {
            a.ui.addButton("customimageupload", {
                label: "图片上传",//调用dialog时显示的名称
                command: "customimageupload",
                icon: this.path + "a.png",//在toolbar中的图标
 				click : function(){
 					alert(1)
 				}
            });
        }
    })
})();

CKEDITOR.editorConfig = function(config) {
	// Define changes to default configuration here. For example:
	// config.language = 'fr';
	// config.uiColor = '#AADC6E';
	config.pasteFromWordRemoveFontStyles = false; // 粘贴Word文本
	config.pasteFromWordRemoveStyles = false; // 粘贴Word样式
	config.allowedContent = true; // 允许粘贴css样式
	config.extraPlugins = 'customimageupload'; //注册插件  
};