Tinymce wiris数学编辑

Posted 2021-05-05

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

答案

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

wiris插件用于渲染iframe，因此您必须首先深入了解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();
    });