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

CKeditor add image properties advanced tab

本文关键字：高级选项 属性 图像 添加 CKeditor      更新时间：2023-09-26

如何将高级属性选项卡添加到CKeditor 'Image'按钮对话框?

我将这个插件复制到我的插件文件夹中，并按照说明将其添加到config.js和下面链接中的注释中，但不显示"高级"选项卡。

配置。extraPlugins = 'dialogadvtab';

http://ckeditor.com/addon/dialogadvtab

有人在评论中建议了这些似乎不起作用的步骤:

  • 进入plugins'someplugin'someplugin.js文件
  • 在"CKEDITOR.dialog"对话框后面。Add ('textarea'， function (editor) {" line Add "var dialogadvtab = editor.plugins.dialogadvtab;"
    • 然后滚动到底部，寻找最后一个"]"字符。
  • 在它之前添加"，dialogadvtab &&dialogadvtab。createAdvancedTab(编辑器，null， 'table')"

提前感谢您的帮助!

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

在config.js中，我看到默认情况下这个选项卡被删除了!

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

config.js中的更改对我的安装没有影响，所以我在创建编辑器时直接用empty覆盖了参数。另外，我建议使用参数allowedContent，这样"class"和其他属性可以处理

CKEDITOR.replace( 'editor1', {
                                 allowedContent: true,
                                 extraPlugins: 'dialogadvtab',
                                 removeDialogTabs: ''
                             }
 );
相关文章：