CKEditor：如何在编辑器中自动应用/加载模板？

Question

我在我的一个网站中使用所见即所得编辑器 CKeditor。为了更加用户友好，我想在每次使用编辑器时自动加载特定的模板。客户必须应用此模板，以便与网站的其余部分（其设计内容显示在两列中）良好集成，因此我想简化他的任务。

现在，我正在使用我在 CKeditor 论坛上找到的以下代码：

CKEDITOR.replace("newsContent", {
    customConfig : "/ckeditor/config/news.js",
    on:{ instanceReady : function( ev ) { 
           this.execCommand('templates');
       }
    },
});

这几乎很好，因为它允许打开模板选择页面，因此用户可以在编辑之前直接选择模板（他只有一个选择）。

但我想应用（唯一）模板，而不要求用户在模板选择页面中选择它。

所以我想知道是否存在像“execCommand”这样的函数来在编辑器中应用模板？我认为这是我在模板选择页面中单击模板时执行的操作，但我在文档中找不到它。

感谢您的帮助。

Answer 1

这个对我有用。

CKEDITOR.replace("newsContent", {
    customConfig : "/ckeditor/config/news.js",
    on:{ instanceReady : function( ev ) { 
           insert = CKEDITOR.getTemplates('your_required_template_name');
           this.setData(insert.templates[0].html);
       }
    },
});

Answer 2

我尝试了完全相同的事情，但我必须报告当前版本的 ckeditor ork 的解决方案不起作用。经过几个小时的时间弄清楚如何强制 ckeditor 加载模板插件（ckeditor 在打开模板对话框后完全加载模板插件），我放弃并决定尝试其他解决方案。如果您想直接使用 .setData 方法，解决方案非常简单：

1. 在 html 中的某个位置定义模板，例如在 div 或 script 标记中，然后使用 jQuery 复制模板，
2. 因为 ckeditor 模板的功能非常有限。应该检查 jsrender，它是一个成熟的模板引擎。

一旦您拥有所需的 html 模板，只需将其传递给 .setData。

Answer 3

Zima 是对的，你必须首先加载模板，否则你最终会得到 getTemplates 返回未定义的

所以像这样的东西可以解决问题：

CKEDITOR.loadTemplates(CKEDITOR.config.templates_files, '');
        var ck = CKEDITOR.replace(elm[0], {               
            on: {
                 instanceReady: function (ev) {                       
                    var insert = CKEDITOR.getTemplates('default');
                    this.setData(insert.templates[0].html);
                }
            }
        });

Answer 4

仅供参考，在获取模板之前需要加载模板

**CKEDITOR.loadTemplates(CKEDITOR.config.templates_files,'')**
insert = CKEDITOR.getTemplates('default');
editor.setData(insert.templates[11].html);

希望这对某人有帮助