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