CKEDITOR，在文本编辑器 onLoad 上自动聚焦

Question

有人知道如何在页面加载时自动聚焦于 CKEDITOR 文本区域吗？

目前，用户必须先单击文本区域才能开始输入。像 Google 一样，我希望加载页面，并且用户可以立即开始输入，而无需单击文本区域。

这是启动 CKEDITOR 的当前代码

<script type="text/javascript">
CKEDITOR.replace( 'meeting_notes',
    {
        toolbar :
        [
            [ 'Bold', 'Italic', 'Underline', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
            ['Cut','Copy','Paste','PasteText'],
            ['Undo','Redo','-','RemoveFormat'],
            ['TextColor','BGColor'],
            ['Maximize']
        ]
    });
</script>

谢谢

Answer 1

也许是 startupFocus 配置选项？

CKEDITOR.replace( 'meeting_notes',
    {
        startupFocus : true,
        toolbar :
...

Answer 2

我自己没有尝试过，但请查看 CKEDITOR.config .startupFocus。

定义：设置页面加载时编辑器是否应该具有焦点。

Answer 3

在您的配置中只需执行以下操作：

    config.startupFocus = true;

Answer 4

通过将回调传递给将焦点设置到编辑器的 onReady 属性，将焦点设置到加载时的编辑器

<CKEditor ... onReady={(editor) => { editor.focus(); }} />

Answer 5

来自 CKEditor 5 文档： 使编辑器获得焦点的最简单方法是调用 editor.focus() 方法。