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

时间:2015-10-01 13:08:00

标签: javascript jquery text-editor mathquill

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

如上图所示,您可以看到mathquill-editable跨度的黄色标记。 我制作了包含一些数学符号的按钮。 我想要的是!! 当用户单击按钮时,应该在光标位置打印方程式。 我在课堂上选择mathquill-editable。 示例$('#classname')用于从按钮写入等式。 它的工作正常,但当我添加另一个mathquill-editable范围时出现问题。 当有多个跨度时,我点击按钮的时间比每个类同时打印的值多。 我如何检测特定跨度是否有效,值将仅在光标的跨度上打印。

1 个答案:

答案 0 :(得分: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