2

我使用 TinyMCE 来回复邮件表格。光标应自动落在文本条目中。我使用了 auto_focus:true 但它不起作用。请帮忙。

我的代码：

<script type="text/javascript">
tinymce.init({
    selector: "textarea.tmce",
    theme: "modern",
    auto_focus:true,
    plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste"
    ],
    toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
    toolbar2: "print preview media | forecolor backcolor emoticons",
    templates: [
        {title: 'Test template 1', content: 'Test 1'},
        {title: 'Test template 2', content: 'Test 2'}
    ],
});
</script>
4

4 回答 4

2

你可以使用这样的东西

tinyMCE.init({
   ...
   setup : function(ed) {
      ed.onInit.add(function(ed) {
          ed.focus();
      });
   }
});
于 2013-05-13T09:42:36.853 回答
1

似乎没有办法禁用默认的自动对焦。我发现的解决方法是加入该init_instance_callback选项。

就像是：

tinymce({
    ...,
    init_instance_callback: () => {
        window.setTimeout(() => {
            document.querySelector('#myInput').focus();
        }, 0)
    }
})

我添加setTimeout(cb, 0)只是为了确保回调在init_instance_callback

于 2018-05-30T16:56:57.050 回答
0

auto_focus 属性应该包含您想要关注的项目的 ID。

auto_focus：此选项使您能够自动聚焦编辑器实例。此选项的值应该是编辑器实例 ID。编辑器实例 id 是被替换的原始 textarea 或 div 元素的 id。

如果您将 auto_focus 设置为 true 而不是 textarea 或 div 的 ID，我实际上已经看到 IE7+ 引发 js 错误。

于 2014-06-06T19:21:50.787 回答
0

关于上面提到的 execCommand 点，就像您正在运行命令一样，那么您通常会尝试编辑内容。但是，您可以通过在传递给 execCommand 的参数中设置 skip_focus: true 属性来禁用此功能。例如： http: //fiddle.tinymce.com/Gxgaab/1

于 2021-01-19T09:13:25.120 回答