如何检测mathquill编辑器编写方程

Question

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

​

如上图所示，您可以看到黄色标记，即mathquill-editable span。我用一些数学符号做了按钮。我想要什么！！当用户单击按钮而不是等式时，应在光标位置打印。我选择了带类的mathquill-editable span。例如，$('#classname')用于从按钮写入等式。它可以正常工作，但是当我添加另一个mathquill-editable跨度时，问题就出现了。当多个span存在时，比每次单击按钮时，它们的值都会同时打印在每个类中。如何检测特定的span是活动的，并且值只会打印在游标的跨度上。

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

DEMO HERE