最近在做一個學校的XXX系統項目，因項目有個需求就是要像在word里面的添加批注功能一樣，就是選中一段文字，然后為這些頁面添加一些額外的信息；剛開始我們的方案是記錄選中內容的下標，然后保存到數據庫中，當要顯示的時候就再數據庫中讀取下面然后在客戶端用js合并，做著做著發現這種方法很煩，最后我們決定采用另一種方案，就是在在選中的文字兩端加上自定義標記，批注的內容就是保存到自定義標簽的屬性里面去。 想法是有了，開始著手做Demo了，一開始我們就像在CKEditor里面做一個插件，看了一天的CKEditor的API和源碼，搞到一頭霧水，寫CKEditor插件太復雜了，有要什么初始化、又要什么execute、一堆東西，最后放棄了這方案，最后決定還是自己寫一個添加批注的工具出來，寫到一半的時候竟發現一個國內強大的HTML編輯器KindEditor，只需幾行代碼就解決了。