javascript - TinyMCE:按需显示和隐藏内联工具栏

Question

我使用TinyMCE来编辑内容。我通过以下方式初始化它

<script type="text/javascript">
tinymce.init({
    selector: "div.editable",
    inline: true,
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
</script>

因此，单击类为“editable”的 div 将显示 TinyMCE 内联编辑器。我想通过单击按钮来显示和隐藏它，类似的东西:

<input type="button" value="show inline editor for some div" onclick='tinymce.somediv.show()'>

我准备了一个jsfiddle这显示了默认行为。

请帮我找到一种根据不同 div 的需要显示和隐藏内联编辑器的方法。

Answer 1

在tinymce，内联模式下，我简单地使用:

tinymce.EditorManager.activeEditor.getElement().blur();