TinyMCE toolbar show on click and hide on click-out

Question

Я не могу понять, как показать/скрыть строку TinyMCE на клике.

Невозможно вызвать событие click на div, потому что на нем есть iframe. Он работает с настройкой Tiny, но только в редакторе.
Если вы нажмете на меню, он снова исчезнет.

Я думаю, что вы получите его лучше, если вы видите демо:

Любые советы? Благодаря

HTML

<textarea>Test</textarea> 

JQuery

$(function() { 

    $(window).click(function() { 
    $(".mce-toolbar-grp").hide(); 
    }); 

    $(".mce-toolbar-grp").click(function(e) { 
    e.stopPropagation(); 
    }); 

    tinymce.init({ 
    selector: 'textarea', 
    menubar: false, 
    init_instance_callback: function(ed) { 
     $($(this)[0]["editorContainer"]).find(".mce-toolbar-grp").hide(); 
    }, 
    setup: function(ed) { 
     ed.on("click", function() { 
     $(".mce-toolbar-grp").show(); 
     }); 
    } 
    }); 
}); 

https://jsfiddle.net/oy5bqtmh/3/

Answer 1

То, что вы описываете, это эффективно режим редактирования рядный, что TinyMCE уже обеспечивает:

https://www.tinymce.com/docs/demo/inline/

Есть ли причина, по которой вы не хотите использовать встроенное редактирование?