Javascript 如何清除所见即所得的mathquill编辑器?

Javascript 如何清除所见即所得的mathquill编辑器?,javascript,jquery,wysiwyg,mathquill,Javascript,Jquery,Wysiwyg,Mathquill,地址: 我打开一个web控制台并键入: $(document.getElementsByClassName("mathquill-editor")).mathquill('latex','') 它成功地清除了页面底部的WYSIWYG编辑器,但是我无法键入任何其他内容。它还会将光标从左侧移动到右侧。您知道如何使文本框可编辑并再次向左移动光标吗?这似乎是因为当您运行.mathquill('latex',info)时,它还删除了使用编辑器所需的元素。编辑器($('.mathquill editor'

地址:

我打开一个web控制台并键入:

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

它成功地清除了页面底部的WYSIWYG编辑器,但是我无法键入任何其他内容。它还会将光标从左侧移动到右侧。您知道如何使文本框可编辑并再次向左移动光标吗?

这似乎是因为当您运行
.mathquill('latex',info)
时,它还删除了使用编辑器所需的元素。编辑器(
$('.mathquill editor')
)需要其前两个子项才能运行,其余子项是mathquill的一部分

清除它的主要方法如下:

while ($('.mathquill-editor').children().length > 2)
    $('.mathquill-editor').children()[2].remove();
$('.mathquill-editor').addClass('empty');
但是我还将包括一种更动态的方式,以防上面的代码在其他网站上不起作用和/或类名不一样

JQuery 纯Javascript
这似乎是因为当您运行
.mathquill('latex',info)
时,它还删除了使用编辑器所需的元素。编辑器(
$('.mathquill editor')
)需要其前两个子项才能运行,其余子项是mathquill的一部分

清除它的主要方法如下:

while ($('.mathquill-editor').children().length > 2)
    $('.mathquill-editor').children()[2].remove();
$('.mathquill-editor').addClass('empty');
但是我还将包括一种更动态的方式,以防上面的代码在其他网站上不起作用和/或类名不一样

JQuery 纯Javascript
或者,您可以告诉编辑器要执行哪些击键

mathquillEditor.focus()


mathquillEditor.keystroke('End Shift Home Del')

或者,您可以告诉编辑器要执行哪些击键

mathquillEditor.focus()


mathquillEditor.keystroke('End Shift Home Del')

这将导致编辑器的文本区域有点小,您必须单击某个位置才能再次编辑。谢谢,这是大部分答案!现在,如果我们能算出“小的……某个点”,我编辑了答案,添加了一个“空”类,用于确定大小,所以现在它可以工作了。@SethKitchen:如果这是答案,我想你应该把赏金给Jaketr00。无论如何,这笔50英镑的赏金不会退还给你@YoYo他回答得太快了,我无法给予赏金。现在给出:)这将导致编辑器的文本区域有点小,您必须单击某个位置才能再次编辑。谢谢,这是大部分答案!现在,如果我们能算出“小的……某个点”,我编辑了答案,添加了一个“空”类,用于确定大小,所以现在它可以工作了。@SethKitchen:如果这是答案,我想你应该把赏金给Jaketr00。无论如何,这笔50英镑的赏金不会退还给你@YoYo他回答得太快了,我无法给予赏金。现在给出:)
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');