0

我试图在 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 选择具有 row 类的 div。

有任何想法吗？

谢谢，

摩西

4

1 回答 1

0

好的，看来我想通了——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

于 2013-04-26T09:59:29.047 回答