CKEditor 附插入代码的插件

在"ckeditor\plugins\"目录下新建一个"insertcode"目录。紧接着，在"insertcode"目录下创建一个名为"plugin.js"的文件，并输入以下代码：

```javascript

CKEDITOR.plugins.add('insertcode', {

requires: ['dialog'],

init: function(editor){

var command = editor.addCommand('insertcode', new CKEDITOR.dialogCommand('insertcode'));

editor.ui.addButton('insertcode', {

label: editor.langsertcode.toolbar,

command: 'insertcode',

icon: this.path + 'images/code.jpg'

});

CKEDITOR.dialog.add('insertcode', this.path + 'dialogs/insertcode.js');

}

});

```

一、创建Insert Code对话框

我们在"dialogs"目录下新建一个文件"insertcode.js"。以下是该文件的代码内容：

```javascript

CKEDITOR.dialog.add('insertcode', function(editor){

var escape = function(value){ return value; }; //简单的值转义函数

return {

title: 'Insert Code Dialog', //对话框标题

resizable: CKEDITOR.DIALOG_RESIZE_BOTH, //可调整大小

minWidth: 720, //最小宽度

minHeight: 480, //最小高度

contents: [ //对话框内容

{

id: 'cb', //内容区块标识

label: 'Code Block', //区块标签

elements: [ //元素列表

{

type: 'select', //选择框类型，用于选择编程语言

label: 'Language', //标签名

id: 'lang', //标识名，用于后续取值

required: true, //必填项

'default': 'csharp', //默认选项值

items: [ //选项列表，包含了多种常见编程语言选项

// ... (此处省略其他语言选项) ...

['Visual Basic', 'vb'], ['XML', 'xml'] // 添加Visual Basic和XML选项作为示例

]

},

{

type: 'textarea', //文本输入区类型，用于输入代码片段

我们也对表情插件进行了更新，使用了QQ的表情包。这为用户提供了一个更为熟悉和亲切的方式来表达情感。我们会提供具体的制作方法和下载地址，以便有兴趣的朋友可以跟随我们的步骤进行尝试。