富文本编辑器和通过提交按钮获得焦点

Question

我有一个文本区域，我关联了一个 富文本编辑器。我已经按照步骤安装它，一切运行顺利。有问题的文本区域在一个表单中，其中包含其他文本区域和要填写的字段。点击经典的提交按钮，我通过js设置，如果该字段为空，则会出现警报，系统将焦点放在空元素上。

这不适用于与富文本编辑器结合使用的文本区域，显然是因为后者将其转换为一种框架...

我用CLEditor WYSIWYG Editor作为编辑器：

<html>
<head>
<link rel="stylesheet" href="jquery.cleditor.css" />
<script src="jquery.min.js"></script>
<script src="jquery.cleditor.min.js"></script>
<script>
    $(document).ready(function () { $("#nomexf").cleditor(); });
</script>
</head>
<body>
<textarea id="nomexf" name="nomexf"></textarea>
</body>
</html>

我已经尝试通过几种不同的方式解决我的问题，例如：

function checkForm(form) {      
    if(form.nomexf.value == "") {
      alert("Il campo Titolo non è stato compilato!");
       $("#nomexf").cleditor().focus();
      return false;
    }
}

然而，我仍在努力让它发挥作用。

Answer 1

cleditor() returns 一个数组，所以你必须指定你想要的文本区域：

试试这个：

$('#nomexf').cleditor()[0].focus();

富文本编辑器和通过提交按钮获得焦点

Rich Text Editor and focus by submit button

javascript

editor

setfocus

rich-text-editor

cleditor