微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

EditorJS对点击的自动关注

如何解决EditorJS对点击的自动关注

我正在使用EditorJS(https://editorjs.io/

我有一个隐藏的div,其中包含编辑器夹和一个单独的按钮(为ex添加功能) 当用户单击按钮时,我需要显示该div

一切正常

但是我无法设置自动对焦,以便用户不会单击固定器来开始使用编辑器

我尝试做

setTimeout(function(){ $('#editor').click()},100);

但这不起作用

解决方法

如果我正确理解了您的成长 https://editorjs.io/configuration#autofocus

有一个配置键:

const editor = new EditorJS(
  autofocus: true
})
,

好,这是解决方法:

<div id="editorjs"></div>
<button id="focus">focus</button>

和初始化:

const editor = new EditorJS({ 
  
  
  holder: 'editorjs',onReady: function () {
    const btn = document.querySelector("#focus");
    btn.addEventListener("click",() => editor.focus())
  }

})

并链接例如:https://codepen.io/Ashley100/pen/mdEqoRY?editors=1010

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。