“Wrapper”TinyMce自定义插件

Question

也许你们可以帮助我。我试图创建一个TinyMCE的自定义插件，基本上包装，像这样我的选择：

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

有点像如何大胆按钮的作品。我不知道很多的JavaScript和目前的插件是真的混乱，所以即时通讯想知道如果有人可以告诉我如何做到这一点。我已经创建了我的自定义插件，并将它显示在TinyMce上，以便部分完成，我只需要该方法。

谢谢！

Answer 1

这是我如何做的：

 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); 
     }); 

Answer 2

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

这是必要的代码：

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

要知道，你可能遇到的问题时，只选择一个段落的部分。