onDblclick函数在tinyMce 4中编辑页眉和页脚

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