如何检测Mathquill编辑器以编写方程式

Question

我目前正在使用数学方程式编写丰富的文本编辑器。

如上图所示，您可以看到黄色标记，该标记可进行mathquill-editable 。 我做了包含一些数学符号的按钮。 我想要的是！！ 当用户单击按钮时，公式应打印在光标位置。 我在课堂上选择了mathquill-editable范围。 示例$('#classname')用于从按钮写入方程式。 它的工作正常，但是当我添加另一个mathquill-editable跨度时，问题就来了。 当有多个跨度时，比每次单击按钮时，它们的值同时打印在每个班级中。 我如何检测特定范围是有效的，并且值将仅显示在光标的范围上。

Answer 1

这是我从所有班级中只找到一个要素的努力。

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

此处演示