javascript - tinyMce 4 中的 onDblclick 函数用于编辑页眉和页脚

Question

我需要在tinymce 4中为我的页眉和页脚创建一个可编辑区域。 我成功添加页眉和页脚，但无法创建可点击区域...

这是我的代码:

  setup : function(ed) {
  ed.on('init',function(e) {


     var header = "<div style= 'border-bottom:1px solid black'>HEADER</div>";
     var footer = "<div style= 'border-top:1px solid black'>footer</div>";
     var content =ed.getContent();
     content = header + content + footer;
     ed.setContent(content);
     ed.on('dblClick',function(e) {
           tinymce.activeEditor.dom.addClass('header','click-header');
  });
      });

我需要快速实现这个功能，但我不知道

Answer 1

你可以使用这样的东西(使用 jQuery)

var header = "<div class="header" style= 'border-bottom:1px solid black'>HEADER</div>";
...
$(ed.getBody()).find('.header').bind('click', function(){
    alert('Header clicked.');
});