javascript - TinyMCE 验证给出错误 : Cannot call method 'getContent' of undefined

Question

我有一个带有微型 mce 的文本区域，我这样加载它:

$(document).ready(function () {

    tinyMCE.init({
        mode: "textareas",
        ...

这个文本区域是一个表单。我将表单提交按钮绑定(bind)到:

$('#btnSubmit').click(function() {

    tinymce.triggerSave();

    var editorContent = tinyMCE.get('Description').getContent();
    if (editorContent == '' || editorContent == null)
    {
        $(tinymce.activeEditor.getBody()).css("background-color", '#ffeeee');
        $(tinymce.activeEditor.getBody().parentNode).css("background-color", '#ffeeee');
        $(tinymce.activeEditor.getBody().parentNode).css("border", '1px solid #ff0000');
    }
});

在我的实体类中，我有 Required 属性。
我的目标是在模型无效时使 tinyMCE 背景红色。但是我从 ti 问题标题中得到错误。
有什么帮助吗？
因此，验证有效。如果我删除 textarea 空检查并保留颜色更改它会更改。但问题是当文本区域有东西时，我点击提交区域先变成红色然后提交。
如果验证失败，我是否可以做一些事情？

Answer 1

在我看来这就像一个 undefined object 错误 - 代码无法解析这一行 tinyMCE.get('Description').getContent();。

你似乎在有时使用 activeEditor 而有时不使用之间混合使用，所以我已经标准化了代码，所以你总是依赖 activeEditor - 这意味着我删除了触发错误的行。您似乎也在使用 tinymce 和 tinyMCE 之间切换，这可能不会引起问题，但最好避免……所以我也对其进行了标准化。

在没有看到更多代码和标记的设置方式的情况下，很难准确判断发生了什么。我的更改是否解决了问题？

$('#btnSubmit').click(function() {

  tinyMCE.triggerSave();

  var editorContent = tinyMCE.activeEditor.getContent();
  if (editorContent == '' || editorContent == null)
  {
    $(tinyMCE.activeEditor.getBody())
      .css("background-color", '#ffeeee')
      .parent()
      .css({
        "background-color": '#ffeeee',
        "border": '1px solid #ff0000'
      });
  }
});