如何檢測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 */ 
    }); 
}); 

DEMO HERE