如何检测mathquill编辑器写方程

Question

我目前正在制作可以编写数学方程式的富文本编辑器。

根据上图，您可以看到黄色标记，它是 mathquill-editable 跨度。我制作了包含一些数学符号的按钮。我想要的是！！当用户单击按钮时，应在光标位置打印等式。我选择了 mathquill-editable 与 class 的跨度。例如 $('#classname') 用于从按钮编写方程式。它工作正常，但当我添加另一个 mathquill-editable 跨度时出现问题。当有多个跨度时，每次单击按钮时，它们的值都会同时打印在每个 class 中。我如何检测特定跨度是否处于活动状态，并且值将仅打印在光标的跨度上。

Answer 1

这是我从所有 class.

中只找到一个元素的小努力

$(document).ready(function(){  /* when the page has loaded... */
  $('.mathquill-editable').click(function(){  /* ...bind click event to .boxSet elements */
    $('.mathquill-editable').removeClass('hilite'); /* On click, remove any 'hilite' class */
    $(this).addClass('hilite'); /* ...and add 'hilite' class to clicked element */ 
   });
});

DEMO HERE

如何检测mathquill编辑器写方程

How detect mathquill editor to write equation

javascript

jquery

text-editor

mathquill