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();
    });