Question

我尝试了TinyMCE（documentation）和CKEditor，他们都需要这种代码进行初始化：

tinyMCE.init({
    selector: '.some-div-with-text-inside',
    inline: true,
    fixed_toolbar_container: '.toolbar',
    valid_elements: '*[*]',
    setup: function(editor) {
            // something that happens on setup
    }
});

因此，基本上需要一些选择器，所有具有.some-div-with-text-inside类的DIV将成为TinyMCE的可编辑区域。编辑器将显示在.toolbar容器中。

==========================

我希望实现的是一个没有附加到任何DIV或TEXTAREA的编辑器，其功能（如“粗体文本”，“创建链接”）可以在文档中的任何内容可编辑区域上工作因为有一些选择。使用Rangy，这是可能的。请参阅演示：http://rangy.googlecode.com/svn/trunk/demos/cssclassapplier.html

在TinyMCE v3中，可以使用以下内容：

$(function(){
            tinyMCE.init({ mode: "none", theme: "simple" });
            tinymce.execCommand("mceAddControl", false, "myEditableDIV");
});

但是{4}不再存在mode: "none"，第二行现在变为tinyMCE.execCommand("mceAddEditor", false, "myEditableDIV");但是当有多个可编辑的DIV以这种方式添加时，编辑器会在.toolbar <内多次出现< / strong>即可。我想知道是否有办法阻止这种情况？

我只需要1个编辑器，用于所有当前和将来的 DIV与contenteditable。可以在文档中添加或删除某些DIV。我浏览了他们文档中的每个选项，但我无法使其正常工作。

Answer 1

我认为你不能在没有附加tinyMCE的情况下编辑DIV或Textarea，但这里有一个技巧 - 你可以隐藏编辑器工具栏并只在你时显示它们重点当前的DIV或textarea。为此，您可以使用此功能：

editor.on('focus', function(e) {
        and here show the toolbars
    });

TinyMCE - 它没有可编辑的区域吗？

1 个答案: