javascript - 如何清除WYSIWYG Mathquill编辑器？

在此地址：http://jenseng.github.io/mathquill/demo.html

我打开一个网络控制台并输入：

$(document.getElementsByClassName("mathquill-editor")).mathquill('latex','')

它成功清除了页面底部的WYSIWYG编辑器，但随后我无法输入其他任何内容。它还将光标从左侧移动到右侧。有什么想法可以使文本框可编辑并将光标再次移到左侧吗？

最佳答案

这似乎是由于运行.mathquill('latex', info)时，它还会删除使用编辑器所需的元素。编辑器（$('.mathquill-editor')）需要其前2个子代才能起作用，其余的子代是mathquill的一部分。

清除它的主要方法如下：

while ($('.mathquill-editor').children().length > 2)
    $('.mathquill-editor').children()[2].remove();
$('.mathquill-editor').addClass('empty');

但是，如果上面的代码在另一个网站上不起作用和/或类名不相同，我还将提供一种更动态的方法。

jQuery查询

function clearEditor(elem) {
    while ($(elem).children().length > 2)
        $(elem).children()[2].remove();
    $(elem).addClass('empty');
}
clearEditor('.mathquill-editor');

纯Java脚本

function clearEditor(elem) {
    while (document.querySelector(elem).children.length > 2)
        document.querySelector(elem).children[2].remove();
    document.querySelector(elem).setAttribute('class', document.querySelector(elem).getAttribute('class') + ' empty');
}
clearEditor('.mathquill-editor');

关于javascript - 如何清除WYSIWYG Mathquill编辑器？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37621723/