Question

也许你们可以帮助我。我正在尝试为TinyMce创建一个自定义插件，它基本上包含了我的选择：

<div class="myClass" > 内容 </div>

类似粗体按钮的工作方式。我不知道很多javascript和当前的插件真的很混乱，所以我想知道是否有人可以告诉我该怎么做。我已经创建了我的自定义插件并将其显示在TinyMce上，因此该部分已完成，我只需要该方法。

谢谢！

Answer 1

包装选择不是一个大问题 - 如果您的html根元素是<p>。否则它将无法工作。

以下是必要的代码：

var ed = tinymce.get('my_editor_id');
var content = ed.selection.getContent();
tinymce.execCommand('insertHTML', false, '<div class="myClass">'+content+'</div>');

请注意，仅选择段落的某些部分时可能会遇到问题。

Answer 2

我是这样做的：

        this.editor = ed;

        ed.addCommand('mceblizzardquote', function () {

            var se = ed.selection.getContent();

            if (se.trim() == "") {
                alert("Nothing Selected.");
                return;
            }

            var s1 = '<div class="myClass" >';
            s1 += se + '</div>';

            ed.selection.setContent(s1);
        });

“Wrapper”TinyMce自定义插件

2 个答案: