1. 程式人生 > >#JSP引用UEditor注意事項#

#JSP引用UEditor注意事項#

首先在官網把UEditor下載下來,複製在WebRoot目錄下,命名為‘’ueditor‘’,然後尋找裡面的例子!!

比如我就在其目錄的examples裡面找到了我需要的completeDemo,這個需要你看名字開啟檔案才知道,找到這個檔案之後,用myEclipse開啟它,然後看裡面的程式碼。

我們需要修改html頭部的路徑,因為現在是我們本地專案裡面,路徑很有可能因為位置不同而報錯。

像上面這個Demo,我就修改藍色部分的路徑,具體怎麼修改自行百度吧,相對路徑絕對路徑自己選擇,然後我們可以開啟Ueditor裡面的readme,裡面有官方的修改方法,可以試試,但是不一定都可以,因為像我下面這個官方文件

 

根本沒有ueditor.all.js檔案,這個官方文件應該是很久之前的版本,所以我根本不知道怎麼改,所以我沒看文件,自己根據需要的html例子改路徑就好了,改完之後把,頭部複製到你需要的jsp裡面,,然後把body全部複製進去(如果你懂得html.css.js可以選擇性複製),做到這一步,官方文件會告訴你可以運行了,你試試唄,起tomcat,在谷歌瀏覽器看看,如果看到編輯器,很高興恭喜你OK了,然而事情並不一定順利,你可能看到的只是一堆控制元件,我的編輯器呢??,這傷害你可以嘗試按f12

可以看到,出現很多bug,具體問題自己看,怎麼看可以百度,我這裡顯示找不到某個api.js檔案,這個檔案隱藏較深,不用這種方法根本不知道會是出bug的地方,提醒一句,谷歌瀏覽器的除錯系統很厲害,用好了省很多時間,還可以debug,大家可以百度用法,通過谷歌瀏覽器,我找到了api.js檔案,發現裡面有個迴圈路徑的方法,應該也出現了路徑問題,改完後,順利執行~~