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