CKEDITOR，在页面加载时自动聚焦到文本编辑器上。

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>

谢谢

- AnApprentice

Answer 1

也许是 startupFocus 配置选项？

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

- ZoogieZork

---

这个配置在 ckeditor 5 中被移除了，不知道该使用什么来避免自动聚焦。 - panchicore

这个配置已经从 CKEditor 5 中移除了，不知道该用什么来避免自动对焦。 - undefined

Answer 2

在您的配置文件中只需这样做：

    config.startupFocus = true;

- Carlos Pliego

Answer 3

我没有亲自尝试过，但可以看看CKEDITOR.config.startupFocus。

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

- o.k.w

Answer 4

通过向onReady属性传递一个回调函数，将焦点设置到编辑器上。

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

- Jamal Hussain

Answer 5

从CKEditor 5文档中：聚焦编辑器的最简单方法是调用editor.focus()方法。

- panchicore