超文本标记语言加载到tinymce不保存表单提交时

Question

在GoogleWebApp中，加载到tinymce内联编辑器进行编辑的电子表格中的HTML标记看起来是正确的，但在提交表单时不会保存。

我将标记加载到一个隐藏的文本区域，然后将该内容插入到为tinymce内联编辑器设置的div（class=“divEdit”）中。（如果我将标记文本直接放在DIV中，它将作为文字文本而不是解释的html保存）。我将相同的内容保存到tinymce为编辑器输入创建的隐藏输入元素的innerHTML中——tinymce使用div的ID作为隐藏输入元素的名称。

以下是javascript代码：

window.addEventListener('load', (event) =>{
  var x, i;
x = document.querySelectorAll(".divEdit");
 for (i = 0; i < x.length-1; i++) {
 var tid=x[i].id; //get ID of each DIV which also is NAME of associated tinymce hidden input
 var hid="h"+tid; //ID of my hidden textarea paired with the DIV
 var htm=document.getElementById(hid).value; //hidden textarea holding HTML markup
 document.getElementById(tid).innerHTML=htm; //set DIV innerHTML as the html markup 
 var tEle=document.getElementsByName(tid)[0]; //the hidden input element created by tinymce

//method A -- appears to work, but content not saved on form submit:
tEle.innerHTML = htm; //set hidden input value as the html markup to be edited.

在开发人员工具中查看时，这一切看起来都很好：在开发人员工具中从浏览器截屏，在Div中显示标记和隐藏的输入元素

但是当表单被保存时，tinymce编辑器中的任何内容都不会被保存——然而，如果我不清除表单，而是第二次重新提交表单，那么标记就会被正确保存！

我还尝试在循环中使用tinymce方法将html标记保存到Div：tinymce.get（tid）. getBody（）. innerHTML=htm；当这起作用时，tinymce没有处理将标记从编辑器Div保存到它的隐藏输入。

基本上，tinymce似乎没有启动（初始化？）使用导入的内容，直到手动激活编辑器实例。我尝试在加载时初始化tinymce，它确实激活了编辑器接口的所有实例，但在表单第一次提交时仍然没有捕获html标记，至少我尝试过的方式是这样。这是一个问题，因为表单中的非html元素可以编辑，而所有html元素保持不变。

我需要做什么不同的事情？非常感谢您的见解。

Answer 1

经过额外的实验，javascript的解决方案如下：

window.addEventListener('load', (event) =>{

var x, i;

  x = document.querySelectorAll(".divEdit");

  for (i = 0; i < x.length-1; i++) {

  var tid=x[i].id;

  var hid="h"+tid;

  var htm=document.getElementById(hid).value;

   tinymce.get(tid).getBody().innerHTML = htm;

  }

tinymce.triggerSave();

}