Question

我正在使用TinyMCE v4.7.9

使用模板（https://www.tinymce.com/docs/plugins/template/）

我想在内容编辑器中最后插入模板，而不是我站着的位置，是否可以这样做？我可以在对话框上添加“在...之后插入”按钮吗？

现在，我被困在其他一些P标签中，而我的模板是DIV。

致谢

Answer 1

您当然可以修改模板插件来执行此操作...每个插件都提供缩小版和非缩小版，因此您只需修改非缩小版即可满足此需求。

Answer 2

经过一番尝试和错误，没有办法找到答案，我找到了解决方法。

我使用

启动模板

在事件“ BeforeSetContent”的设置中：

editor.on('BeforeSetContent', function (e) {
    if (e.content.indexOf("<div data-insertafter") === 0) { //okej, insert after

        editor.setContent(editor.getContent() + '<div class="row"></div>');//add an element to in the end
        editor.selection.select(editor.getBody(), true);//select al
        editor.selection.collapse(false);//set focus on that last div by inverting selection

        e.content = e.content.replace("data-insertafter", "");//remove
    }
});

TinyMCE模板插件在编辑器中最后插入

2 个答案: