TinyMCE验证给出错误:无法调用未定义的方法'getContent'

Question

我有一个带有小mce的文本区域,我加载它像这样:

$(document).ready(function () {

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

此文本区域为一种形式.我将表单提交按钮绑定到:

$('#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属性.
我的目标是red在模型无效时创建tinyMCE背景.但我从问题标题中得到错误.
有帮助吗？
因此,验证工作.如果我删除textarea空检查并保持颜色更改它会更改.但问题是当文本区域中有某些内容时,我点击提交区域首先变为红色然后提交.
如果验证失败,我可以做些什么吗？

Answer 1

听起来像是一个未定义的对象错误 - 代码无法解析这一行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'
      });
  }
});