我怎么知道 Summernote（富文本编辑器）是专注的？

Posted 2023-03-22

【中文标题】我怎么知道 Summernote（富文本编辑器）是专注的？

【英文标题】：How to I know that Summernote (rich text editor) is focused?

【发布时间】：2020-05-19 09:29:42

【问题描述】：

我有一个使用 codeigniter 的项目。可以选择使用快捷键打开模式。 就像，当我单击“n”时，然后打开 Note modal。 但是，如果任何输入或文本区域被聚焦，则不要使用快捷键。 现在我正在使用summernote（富文本编辑器）。但是现在这个设置不起作用了。

为了知道输入或文本区域是重点，我使用了这个代码：

var activeElement = document.activeElement.tagName;
if (activeElement !== "INPUT" && activeElement !== "TEXTAREA")

//working shortcut key

但是我怎么知道任何summernote（富文本编辑器）都是专注的呢？

【参考方案1】：

您的编辑器正在使用 contentEditable div。 summernote div 的 className 始终为 note-editable。 所以你可以试试：

if (document.activeElement.className === 'note-editable') 
  // summernote editor is focused