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

标签 javascript ckeditor

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

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

config.extraPlugins = 'dialogadvtab';

http://ckeditor.com/addon/dialogadvtab

评论中有人提出了这些似乎不起作用的步骤:

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

  • 提前感谢您的帮助!

    最佳答案

    ...是的,我知道,这个问题是几年前的事了。但是在我自己寻找解决方案的过程中,这个页面是搜索引擎中最先被点击的页面之一......
    在 config.js 中,我看到默认情况下这个选项卡被删除了!

    // Simplify the dialog windows.
    config.removeDialogTabs = 'image:advanced;link:advanced';
    
    config.js 的改动对我的安装没有影响,所以我在创建编辑器的时候直接用空覆盖了参数。
    此外,我推荐参数 allowedContent,以便可以处理“类”和其他属性。
    CKEDITOR.replace( 'editor1', {
                                     allowedContent: true,
                                     extraPlugins: 'dialogadvtab',
                                     removeDialogTabs: ''
                                 }
     );
    

    关于javascript - CKeditor 添加图像属性高级选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25045347/

    相关文章:

    javascript - 获取 "Unexpected Token Error"

    javascript - CKEDITOR getData() 返回 html 字符实体(unicode),但是如何获得未翻译的字符?

    javascript - CKEDITOR.replace() 未定义

    javascript - JSON 解析不解析字符串(JSON 中位置 0 处出现意外标记 D)

    javascript - 使两个 DIV 的高度相同? #2

    javascript - webpack bundle 中的导出函数

    javascript - 如何使用 native JavaScript 从窗口中删除特定的事件监听器

    javascript - CKEditor - 图像属性对话框为空

    javascript - 无法在第二个或第三个删除的动态元素上触发 CK 编辑器 - CkEditor

    javascript - 将单击的按钮的值设置为 Javascript 变量 - 不使用 ID/名称