CKeditor 添加图像属性高级选项卡答案

【问题标题】：CKeditor add image properties advanced tabCKeditor 添加图像属性高级选项卡
【发布时间】：2014-07-30 19:29:29
【问题描述】：

如何将高级属性选项卡添加到 CKeditor 的“图像”按钮对话框？

我将此插件复制到我的插件文件夹并按照说明将其添加到 config.js 和下面链接中的 cmets 中，但未显示“高级”选项卡。

config.extraPlugins = 'dialogadvtab';

http://ckeditor.com/addon/dialogadvtab

cmets 中有人提出了这些似乎不起作用的步骤：

转到 plugins\someplugin\someplugin.js 文件
在 "CKEDITOR.dialog.add('textarea', function (editor) {" 行之后添加 "var dialogadvtab = editor.plugins.dialogadvtab;"
然后滚动到底部并查找最后一个“]”字符。
在它之前添加“, dialogadvtab && dialogadvtab.createAdvancedTab(editor, null, 'table')"

提前感谢您的帮助！

【问题讨论】：

标签： javascript ckeditor

【解决方案1】：

...是的，我知道，这个问题是几年前的事了。但是，在我自己寻找解决方案的过程中，这个页面是搜索引擎中的第一个点击...

在 config.js 中，我看到默认情况下该选项卡已被删除！

// Simplify the dialog windows.
config.removeDialogTabs = 'image:advanced;link:advanced';

config.js 的更改对我的安装没有影响，所以我在创建编辑器时直接将参数覆盖为空。另外我推荐参数allowedContent，这样可以处理“类”和其他属性。

CKEDITOR.replace( 'editor1', {
                                 allowedContent: true,
                                 extraPlugins: 'dialogadvtab',
                                 removeDialogTabs: ''
                             }
 );

【讨论】：