Question

我试图在Stackoverflow和其他地方找到这个问题的答案，但我找到的解决方案似乎都不适合我。那么，这就是我的问题：

我在WordPress中添加了一个简单的TinyMCE按钮。按钮按预期工作。现在，我希望能够使用jQuery选择按钮进入编辑器的内容。那是我遇到麻烦的地方。

以下是按钮的代码：

(function() {
   tinymce.create('tinymce.plugins.wpAddContent', {
      init : function(ed, url) {
         ed.addButton('wpaddcontent', {
            title : 'WP Add Content',
            image : url+'/addContentImage.png',
            onclick : function() {
                 ed.execCommand('mceInsertContent', false, '\
                    <div class="row">\
                        <div class="large-6 columns">Some content...</div>\
                        <div class="large-6 columns">Some content...div>\
                    </div>\
                ');
              }
          });
      },
    createControl : function(n, cm) {
      return null;
    },
    getInfo : function() {
      return {
        longname : "WP Add Content",
        author : '',
        authorurl : '',
        infourl : '',
        version : ""
      };
    }
  });
   tinymce.PluginManager.add('wpaddcontent', tinymce.plugins.wpAddContent);

})();

现在，我想知道的是如何使用jQuery选择带有类的行的div。

有什么想法吗？

谢谢，

摩西

Answer 1

好吧，似乎我想出了这一点--TinyMCE API提供了许多选项。这是其中一个有效的方法：

  ed.onVisualAid.add(function(ed, e, s) {
       jQuery('#content_ifr').contents().find('.row')..css({'background-color', 'red');
  });

您可以在此处找到其他选项：http://www.tinymce.com/wiki.php/API3:class.tinymce.Editor

使用jQuery在TinyMCE编辑器中选择内容

1 个答案: