plugins - Tinymce wiris 数学编辑器

Question

我在 TinyMCE 中使用 Wiris Editor 作为插件。当我从 Wiris 编辑器插入方程式时，它在 TinyMCE 中将其显示为图像 - 我发现这是嵌入的图像，但是当我单击源标记以保存内容时，它是 mathml 格式。我无法保存方程式并几乎到处搜索，但找不到解决方案，我不知道为什么会这样。

Answer 1

好吧..您不能顺利地将 mathxml 转换为 HTML DOM 元素。但是您可以通过控制台的帮助来跟踪检查元素中的代码。

wiris 插件用于渲染 iframe，因此您必须先深入研究 iframe 文档。

    $(函数(){

        // 这里“task_case_in_ifr”是编辑器 iframe div 的 id。
        var iframe = $("#task_case_in_ifr")[0];
        var iframeDocument = iframe.contentDocument
        变量 iframe 内容；
        如果（iframeDocument）{
            // "tinymce" 是包含 div 中所有方程式的父 div 的 id。
            iframeContent = iframeDocument.querySelectorAll('#tinymce');
        }

        var 内容 = iframeContent[0].innerHTML    
        // 保存到数据库内容变量..

        // 然后在 jquery 中加载文档时从数据库中显示这个值
        // 首先将其加载到包含 id 的隐藏元素中。
        // 例如。div id 是“#t1”
        // 从 DOM 中获取
        iframeContent[0].innerHTML = $("#t1").html();
    });