Tinymce wiris 数学编辑器
Tinymce wiris math editor
我在 TinyMCE 中使用 Wiris Editor 作为插件。当我从 Wiris Editor 插入方程式时,它在 TinyMCE 中将其显示为图像 - 我发现这是嵌入式图像,但当我单击源标签以保存内容时,它是 mathml 格式。我无法保存方程式,几乎到处搜索,但找不到解决方案,我不知道为什么会这样。
好吧..您无法顺利地将 mathxml 转换为 HTML DOM 元素。但是你可以通过控制台的帮助来跟踪 inspect 元素中的代码。
用于呈现 iframe 的 wiris 插件,因此您必须先深入研究 iframe 文档。
$(function(){
// here "task_case_in_ifr" is the id for editor iframe div.
var iframe = $("#task_case_in_ifr")[0];
var iframeDocument = iframe.contentDocument
var iframeContent;
if (iframeDocument) {
// "tinymce" is the id for parent div containing all equation in the div.
iframeContent = iframeDocument.querySelectorAll('#tinymce');
}
var content = iframeContent[0].innerHTML
// save to database content variable..
// then show this value from the database on load document in jquery
// at first load it to the hidden element containing id.
// eg. div id is "#t1"
// fetch from the DOM by
iframeContent[0].innerHTML = $("#t1").html();
});
我在 TinyMCE 中使用 Wiris Editor 作为插件。当我从 Wiris Editor 插入方程式时,它在 TinyMCE 中将其显示为图像 - 我发现这是嵌入式图像,但当我单击源标签以保存内容时,它是 mathml 格式。我无法保存方程式,几乎到处搜索,但找不到解决方案,我不知道为什么会这样。
好吧..您无法顺利地将 mathxml 转换为 HTML DOM 元素。但是你可以通过控制台的帮助来跟踪 inspect 元素中的代码。
用于呈现 iframe 的 wiris 插件,因此您必须先深入研究 iframe 文档。
$(function(){ // here "task_case_in_ifr" is the id for editor iframe div. var iframe = $("#task_case_in_ifr")[0]; var iframeDocument = iframe.contentDocument var iframeContent; if (iframeDocument) { // "tinymce" is the id for parent div containing all equation in the div. iframeContent = iframeDocument.querySelectorAll('#tinymce'); } var content = iframeContent[0].innerHTML // save to database content variable.. // then show this value from the database on load document in jquery // at first load it to the hidden element containing id. // eg. div id is "#t1" // fetch from the DOM by iframeContent[0].innerHTML = $("#t1").html(); });