如何让 Parsley 检测 tinyMCE 表单中的内容？

Question

我有一个由 Codeigniter 生成的表单，我已将 tinymce 编辑器附加到 in 中的文本编辑器。一切正常，但是当我提交表单时，未检测到输入的内容并且表单被拒绝欧芹。见下文：

以下是页面头部的js:

<script type="text/javascript">
  tinymce.init({
      selector: '#mytextarea',
      height: 500,
      menubar: false,
      plugins: "lists",
      toolbar: 'undo redo | ' +
              'bold italic bullist numlist | alignleft aligncenter ' +
              'removeformat | help'
    });
</script>

这是文本区域的 html：

<div class="item form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="notes">Notes <span class="required">*</span></label>
    <div class="col-md-6 col-sm-6 col-xs-12">
            <textarea name="note" cols="40" rows="10"  id="mytextarea" required="required" class="form-control" name="note" rows="4"></textarea>
    </div>
</div>

为了完整性，这是 PHP 创建表单（取自 Smarty 模板）：

<div class="item form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="notes">Notes <span class="required">*</span></label>
    <div class="col-md-6 col-sm-6 col-xs-12">
        {php}
            echo form_textarea('note', '', array('id'=>"mytextarea", 'required'=>"required", 'class'=>"form-control", 'name'=>"note", 'rows'=>"4"));
        {/php}
        {php}
            echo form_error('note');
        {/php}
    </div>
</div>

我需要做什么才能让 Parsley 意识到表单中有内容？

Answer 1

当 TinyMCE 在页面上时，它（在视觉上）用一系列 div 元素（菜单、工具栏、状态栏）和 iframe（内容编辑区域）替换文本区域。这意味着当您输入 TinyMCE 时，您实际上根本没有更新文本区域。

根据您验证表单的方式，您可能首先需要通过 triggerSave() API 调用告诉 TinyMCE 更新其相关文本区域。

例如：

tinymce.triggerSave();

该命令形式将导致所有 TinyMCE 实例更新其底层文本区域。

https://www.tiny.cloud/docs/api/tinymce/root_tinymce/#triggersave

如何让 Parsley 检测 tinyMCE 表单中的内容？

How can I get Parsley to detect the content in a tinyMCE form?

codeigniter

tinymce

codeigniter-3

parsley.js