TinyMCE onsubmit 不会填充文本区域。

查莫

你能告诉我如何将表单上的所见即所得内容提交到相应的文本区域吗?

我对表单提交进行了 javascript 验证,但是当触发验证代码时,编辑器 textareas 为空。所以我仍然收到错误“需要字段...”。我不明白 TinyMCE 如何处理这个问题,但这毫无意义。我的 js 验证事件侦听器位于脚本的最后,但 textareas 仍然是空的。

是否有一些触发器可以强制 TinyMCE 在提交时使用内容填充文本区域?

迈克尔·弗罗明

默认情况下,TinyMCE 会<textarea>在通过标准 HTML 表单提交提交表单时自动更新底层这是 TinyMCE 的内置行为,因为<textarea>大多数应用程序不需要保持持续同步的开销

如果您不依赖于标准的 HTML 表单提交事件,您有几个选择...

当您开始 AJAX 表单提交过程时:

TinyMCE 有一个triggerSave()方法可以强制编辑器<textarea>立即同步

https://www.tinymce.com/docs/api/tinymce/root_tinymce/#triggersave

triggerSave()当您的用户想要提交表单然后执行验证时,您可以调用第一件事。

TinyMCE 事件:

正如您对自己问题的回答所示,您当然可以依靠各种编辑器事件将编辑器同步到<textarea>viatriggerSave()方法。这没有技术问题,只要知道如果您依赖于诸如更改事件之类的事件,您可能会触发大量这些事件。如果您在一个页面上有大量/复杂的 HTML 内容或许多编辑器不断与底层同步<textarea>可能会影响浏览器的性能。

哪个更好?

如果您不需要对内容进行实时验证……triggerSave()在 AJAX 提交过程开始时调用可能更容易(不需要与所需事件相关的 TinyMCE 配置代码),并且为浏览器创建的开销更少。

如果您确实需要对内容进行实时验证……使用诸如更改事件之类的事件来同步<textarea>是更好的解决方案。它可能看起来像这样:

tinymce.init({
  selector: "#myTextarea",
  ...
  setup: function (editor) {
      editor.on('change', function () {
          tinymce.triggerSave();
      });
  }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

从TinyMCE文本区域获取价值

如何使用JavaScript获取Tinymce文本区域的内容

django tinymce没有显示丰富的文本区域

如何根据电子邮件模板名称的选择创建相关的tinymce文本区域?

serializeArray函数不返回输入字段值和tinyMCE文本区域值

如何使TinyMCE与具有相同数组名称的多个文本区域一起使用

Angular 2:更新TinyMCE文本区域中的文本后,模型不会立即更新

TinyMCE为每个文本区域加载content.min.css

tinyMCE更改事件有效,但隐藏的文本区域无效

如何将TinyMCE文本区域中的内容直接传递到PHP文件,而不是通过AJAX发送?

TinyMCE在指定选择器后显示一个额外的文本区域(@ tinymce / tinymce-react)

表单onsubmit运行功能,但更改不会持久

提交表单时需要帮助解释问题显示文本区域,但表单没有onSubmit

TinyMCE 5-在文本区域仅显示第一个单词并隐藏结构

用WordPress TinyMCE替换文本区域wp_editor()

tinymce在ebrian.js视图中看不到我的文本区域

将tinyMCE设置应用于动态创建的文本区域

如何在tinyMCE中自定义单个文本区域

TinyMCE仅加载一次-使用AJAX添加/删除文本区域

通过HTML设置TinyMCE文本区域的内容

jQuery .onsubmit不会触发

电子邮件地址在TinyMCE文本区域中显示为[受电子邮件保护]

如何使用TinyMCE来优化50个或更多文本区域?网页加载需要几秒钟

从 TinyMCE 中删除 onSubmit 事件挂钩

django-tinymce 在 django admin 中的所有文本区域上工作

无法在 TinyMCE 文本区域上显示我的 HTML 内容

从 tinymce 表中删除填充

Tinymce 文本区域通过拖动底部状态栏调整大小

CodeIgniter 4 - 无法使用 TinyMCE 文本编辑器提交数据,但提交了普通文本区域数据