標籤:ext name 編輯框 比較 大小 tor body rip ueditor
index.jsp主要代碼:
<html> <head> <title>網頁編輯器</title> <script type="text/javascript" charset="utf-8" src="./ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="./ueditor/ueditor.all.js"></script> <LINK rel=stylesheet href="ueditor/themes/default/ueditor.css">
<script> <span style="white-space:pre"> </span>window.UEDITOR_HOME_URL = "/ueditor03/ueditor"; </script>
</head> <body> <div align="center"> <textarea id="newsEditor" name="content"> </textarea> <br/> <script type="text/javascript"> var editor = new UE.ui.Editor({initialFrameHeight:1000,initialFrameWidth:1000 }); editor.render(‘newsEditor‘); /* UE.getEditor(‘newsEditor‘); 上面的代碼是設定網頁編輯器的寬和高的,也就是大小。沒有要求的話直接引用備忘裡的代碼就可以 */ </script> </div> </body></html>
- 開啟editor_config.js設定檔
- 配置路徑var URL = window.UEDITOR_HOME_URL || "/ueditor03/ueditor/"; 此處ueditor03是個人項目名稱
- 注意index.jsp代碼中的引用和body中的代碼,因為ueditor版本的不同,要進行相對應的修改,具體情況具體分析。
- 到此發行就緒運行項目,瀏覽器中可以進行編輯器的使用了!
- 從ckeditor、ueditor和一些動態模板中的編輯器來看,ckeditor是引用代碼,修改代碼最簡單,代碼最具有普遍性的,但是一些功能還是不夠完善;ueditor是百度的一款網頁編輯器,不得不說,功能非常多且方便,但是版本太多,開發人員使用的時候,要根據版本的不同進行相應的引用修改,實際上引用的代碼也是大同小異的。
- 一些動態模板中的編輯器,顏色樣式很好看,更側重於美化,適當的時候可以更貼切整個系統的主題;一般功能都是最基礎的,側重於編輯比較少的文字內容;
- 另,下了一個浮動樣式的編輯器,選擇文字就彈出編輯框。但是遺憾的是,引用到系統中,並不好用,更適合作為一種已經寫好的文字的格式修改方式;
- 後面會繼續總結ueditor的一些使用方法和特點~~
Ueditor百度網頁編輯器開發人員版java utf-8的使用