ueditor1_4_3_3编辑器的应用
生活随笔
收集整理的這篇文章主要介紹了
ueditor1_4_3_3编辑器的应用
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
教程使用的是ueditor1_4_3_3版本。
首先到官網(wǎng)http://ueditor.baidu.com/website/download.html下載jsp? utf-8版
下載好以后，解壓，把解壓文件夾命名為ueditor
然后把ueditor目錄整個復制到webapp下
在自己需要編輯器的頁面引入ueditor的js
在body中:
<head></head>中:
<script type="text/javascript">//實例化編輯器//建議使用工廠方法getEditor創(chuàng)建和引用編輯器實例，如果在某個閉包下引用該編輯器，直接調(diào)用UE.getEditor('editor')就能拿到相關的實例var ue = UE.getEditor('editor'); </script>?
把ueditor/jsp/lib下的jar包全部添加到項目里。
另外還需要一個jar包，此處在pom.xml配置了：
<dependency><groupId>javax.servlet</groupId><artifactId>servlet-api</artifactId><version>2.5</version></dependency>然后在ueditor.config.js中找到,zIndex : 900? 并去掉注釋，? 修改值為? 999999
修改附件上傳目錄:
部署，去掉部署項目名：
?
保存以后要展示時，在需要代碼高亮的頁面配置:
?還要把后臺取數(shù)據(jù)的ajax變?yōu)橥郊虞d！
需要展示的時候自動換行在相應css添加下面代碼即可：
?
?
編輯器中添加代碼是 背景色 修改:
?
?
編輯器中圖片自適應:
iframe.css中添加
/*可以在這里添加你自己的css*/ img {max-width: 100%; /* 圖片自適應寬度 */ }body {overflow-y: scroll !important; }.view {word-break: break-all; }.vote_area {display: block; }.vote_iframe {background-color: transparent;border: 0 none;height: 100%; }?
?
?
?
一些技巧：
uuditor常用的js函數(shù)在ueditor/index.html里面能找到，比如獲取編輯框里面的內(nèi)容等等。
?
注意如果上傳到服務器html源碼數(shù)據(jù)庫表字段是用longtext接收的，那么此jar包要換到1.4及以上版本，不然會報錯
?
超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生總結
以上是生活随笔為你收集整理的ueditor1_4_3_3编辑器的应用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Android第三十三天
- 下一篇： Windbg学习 (0x0001) 安装