javascript - Tinymce 双击激活

Question

我正在使用Tinymce4 内联编辑器。它很好，但我需要它在双击时激活版本，而不是在任何点击或选择时。

我一直在为此寻找一些文档或选项，但我没有找到任何东西。

Answer 1

我对此的解决方案是在可编辑内容上附加一个双击事件处理程序，该处理程序当时会进行 tinymce.init() 调用。您还需要使用“auto_focus”设置......

<div id="editable" ondblclick="init_mce()">
My editable HTML is here
</div>

<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>

<script>
function init_mce() {
  tinymce.init({
    selector: '#editable',
    auto_focus: 'editable'
    // Other settings go here
  });
}

Answer 2

event_root: "#containerId"您可以通过配置选项来实现这一点。但同时您将需要一些其他的 JS 库，例如 jQuery，您可以通过它添加dblClick事件并防止正常的单击事件。