ueditorjava源碼

A. 百度ueditor編輯器的完整源碼和php版本有什麼區別

因為編輯器的文件上傳，比如圖片上傳需要伺服器端語言支持，這就導致分出來不同的版本，完整版的有比如asp之類的，php則有php的伺服器端處理實例

B. 使用myeclipse開發的javaweb項目中怎麼部署ueditor

步驟如下：

一、官網上下載完整源碼包，解壓到任意目錄

_examples：編輯器完整版的示例頁面

_demos：編輯器的各種使用案例

dialogs：彈出對話框對應的資源和JS文件

themes：樣式圖片和樣式文件

third-party：第三方插件

editor_all.js：_src目錄下所有文件的打包文件

editor_all_min.js：editor_all.js文件的壓縮版，建議在正式部署時才採用

editor_config.js：編輯器的配置文件，建議和編輯器實例化頁面置於同一目錄

二、部署UEditor到實際項目（UETest）中的步驟:

第一步：在項目的任一文件夾中建立一個用於存放UEditor相關資源和文件的目錄，此處在項目根目錄下建立，起名為ueditor。

第二步：拷貝源碼包中的dialogs、themes、third-party、editor_all.js和editor_config.js到ueditor文夾中。

第三步：為簡單起見，此處將以根目錄下的index.jsp頁面作為編輯器的實例化頁面，用來展示UEditor的完整版效果。在index.jsp文件中，首先導入編輯器需要的三個入口文件，示例代碼如下：

[html] view plain

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title>編輯器完整版實例</title>

<script type="text/javascript" src="ueditor/editor_config.js"></script>

<script type="text/javascript" src="ueditor/editor_all.js"></script>

<link rel="stylesheet" href="ueditor/themes/default/ueditor.css">

第四步：然後在index.php文件中創建編輯器實例及其DOM容器。具體代碼示例如下：

[html] view plain

<div id="myEditor"></div>

<script language="javascript" type="text/javascript">

var option = {

initialContent : '',//初始化編輯器的內容

minFrameHeight : 400,//設置高度

textarea : 'content'//設置提交時編輯器內容的名字，之前我們用的名字是默認的editorValue

};

var editor = new .editor.ui.Editor(option);

editor.render("myEditor");

</script>

最後一步： 在/UETest/ueditor/ editor_config.js中查找URL變數配置編輯器在你項目中的路徑。

[html] view plain

//強烈推薦以這種方式進行絕對路徑配置

URL=window.UEDITOR_HOME_URL||"/UETest/ueditor/";

至此，一個完整的編輯器實例就已經部署了！在瀏覽器中輸入http://localhost:8080/UETest 運行下。

C. ueditor 怎麼自定義上傳文件的路徑啊求指導，，最好是有源碼

UEditor是由網路WEB前端研發部開發的所見即所得的開源富文本編輯器，具有輕量、可定製、用戶體驗優秀等特點。
開源基於BSD協議，所有源代碼在協議允許范圍內可自由修改和使用。
網路UEditor的推出，可以幫助不少網站開發者在開發富文本編輯器所遇到的難題，節約開發者因開發富文本編輯器所需要的大量時間，有效降低了企業的開發成本。
優點
1、體積小巧，性能優良，使用簡單
2、分層架構，方便定製與擴展
3、滿足不同層次用戶需求，更加適合團隊開發
4、豐富完善的中文文檔
5、多個瀏覽器支持：Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome
6、更好的使用體驗
7、擁有專業QA團隊持續支持，已應用在網路各大產品線上
使用步驟
1.添加jar包 jar包位置：文件根目錄下jsp的lib文件夾下，把jar包復制到web-inf下的lib文件夾下buildpath
2.修改config.js中的URL路徑，修改為UEidtor插件在自己工程中的正確根路徑
3.在jsp文件中先引入配置文件config.js然後再源碼文件all.js（注意順序）
4.載入容器和實例化容器
1.修改config.js配置文件URL為插件根目錄，一般是絕對路徑。

2.修改config.json中上傳圖片配置項中的訪問路徑前綴為項目名稱，根據情況修改上傳文件路徑和訪問路徑。
配置正確之後UEditor有上傳功能幫助我們上傳圖片。
但是上傳路徑會在項目部署的臨時文件夾下。 tomcat取消部署後，上傳文件就會和項目部署文件一起被刪除

3.實現把圖片上傳到自定義路徑
在處理上傳後的文件名稱的時候注意不要出現中文
要不然還需要做處理才能正確讀取文件！

4.（1）首先在jsp中覆蓋UEidtor獲取路徑的方法

//覆蓋UEditor中獲取路徑的方法
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
//判斷路徑 這里是config.json 中設置執行上傳的action名稱
if (action == 'uploadimage') {
return 'http://localhost:8080/maven-web/uploadImage.do';
} else if (action == 'uploadvideo') {
return '';
} else {
return this._bkGetActionUrl.call(this, action);
}
}
（2）首先在springmvc配置文件中配置

<!-- 上傳配置 -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="defaultEncoding" value="UTF-8"></property>
</bean>

在controller中定義上傳和讀取文件的方法
/**
* SpringMVC 用的是 的MultipartFile來進行文件上傳
* 這里用@RequestParam()來指定上傳文件為MultipartFile
* @throws IOException
*/
@RequestMapping("uploadImage")
@ResponseBody//這里upfile是config.json中圖片提交的表單名稱
public Map<String,String> uploadImage(@RequestParam("upfile") CommonsMultipartFile upfile,HttpServletRequest request) throws IOException{
//文件原名稱
String fileName=upfile.getOriginalFilename();
//為了避免重復簡單處理
String nowName=new Date().getTime()+"_" + fileName;
if(!upimage.isEmpty()){
//上傳位置路徑
String path0 = "D:\\eclipseworkspace\\maven-web\\src\\main\\webapp\\upload\\"+nowName;
//按照路徑新建文件
File newFile = new File(path0);
//復制
FileCopyUtils.(upimage.getBytes(), newFile);
}
//返回結果信息(UEditor需要)
Map<String,String> map = new HashMap<String,String >();
//是否上傳成功
map.put("state", "SUCCESS");
//現在文件名稱
map.put("title", nowName);
//文件原名稱
map.put("original", fileName);
//文件類型 .+後綴名
map.put("type", fileName.substring(upfile.getOriginalFilename().lastIndexOf(".")));
//文件路徑
map.put("url", "/"+nowName+"/getImage.do");
//文件大小（位元組數）
map.put("size", upfile.getSize()+"");

return map;
}
/**
* 讀取文件
*/
@RequestMapping("{imgName}/getImage")
public void readImg(@PathVariable("imgName") String imgName, HttpServletResponse response)
throws Exception {
//設置文件的返回類型
response.setContentType("image/*");
//文件路徑(windows下是\\，linux下是//，都必須是絕對路徑)
String imgPath="D:\\eclipseworkspace\\maven-web\\src\\main\\webapp\\upload\\"+imgName;
//java中用File類來表示一個文件
File image = new File(imgPath);
//測試這個文件路徑是否存在（也就是這個文件是否存在）
if (!image.exists()) {
return;
}
//FileUtils.readFileToByteArray(File file)把一個文件轉換成位元組數組返回
response.getOutputStream().write(FileUtils.readFileToByteArray(image));
//java在使用流時,都會有一個緩沖區,按一種它認為比較高效的方法來發數據:
//把要發的數據先放到緩沖區,緩沖區放滿以後再一次性發過去,而不是分開一次一次地發.
//而flush()表示強制將緩沖區中的數據發送出去,不必等到緩沖區滿.
response.getOutputStream().flush();
response.getOutputStream().close();
}

D. java ueditor 怎麼使用

<!DOCTYPEHTML>
<htmllang="en-US">
<head>
<metacharset="UTF-8">
<title>ueditordemo</title>
</head>
<body>
<!--載入編輯器的容器-->
<scriptid="container"name="content"type="text/plain">
這里寫你的初始化內容
</script>

<!--配置文件-->
<scripttype="text/javascript"src="ueditor.config.js"></script>
<!--編輯器源碼文件-->
<scripttype="text/javascript"src="ueditor.all.js"></script>
<!--實例化編輯器-->
<scripttype="text/javascript">
varue=UE.getEditor('container');
</script>
</body>
</html>

src要寫你放的地址

編輯器有很多可自定義的參數項，在實例化的時候可以傳入給編輯器：

varue=UE.getEditor('container',{
autoHeight:false
});

配置項也可以通過 ueditor.config.js 文件修改，具體的配置方法請看前端配置項說明

通 getContent 和 setContent 方法可以設置和讀取編輯器的內容

varue=UE.getContent();
//對編輯器的操作最好在編輯器ready之後再做
ue.ready(function(){
//設置編輯器的內容
ue.setContent('hello');
//獲取html內容，返回:<p>hello</p>
varhtml=ue.getContent();
//獲取純文本內容，返回:hello
vartxt=ue.getContentTxt();
});

E. 百度UEditor編輯器源代碼編輯模式用CSS會被轉義，有解決方法嗎

網路的Ueditor編輯器出於安全性考慮，用戶在html模式下粘貼進去的html文檔會自動被去除樣式和轉義。雖然安全的，但是非常不方便。

做一下修改把這個功能去掉。

一、打開ueditor.all.js

二、大概9300行找到 ///plugin 編輯器默認的過濾轉換機制，把下面的

'allowDivTransToP':true

值改成false。為true的時候會自動把div轉成p。

三、大概9429行，有個case 'li'，這個是把li裡面的樣式去掉，把這個case注釋掉。

四、大概14058行，下面的第一個utils.each功能注釋掉，這個是自動給li裡面的內容增加一個p。

五、大概14220行，

node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/,'')) + ' list-paddingleft-' + type;

注釋掉，這個是自動給ul增加一個內置的樣式。

下面的14222行

li.style.cssText && (li.style.cssText = '');

注釋掉，這個是自動去除粘貼進去的代碼的li的style樣式

至此，我們粘貼進去的html格式的ul和li就不會被轉義了。

F. ueditor在java中怎麼用

一個類在調用其它類時如果目標類版本太高就會出這錯誤，就是說當 ueditor 調用了 JDK5 的類，這個 JDK5 又調用另一個 ueditor 的類時會出現 JDK5 無法理解 ueditor 那個 jdk6 的類。 這裡面要觀察分析這裡面的 ".class file" 指的是誰，從異常堆...

G. ueditor編輯器用java的ssm怎麼實現

ueditor demo 這里寫你的初始化內容 var ue = UE.getEditor('container'); src要寫你放的地址 編輯器有很多可自定義的參數項，在實例化的時候可以傳入給編輯器： var ue = UE.getEditor('container', { autoHeight: false}

H. ueditor怎麼編寫java代碼

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<title>ueditor demo</title>

</head>

<body>

<!-- 載入編輯器的容器 -->

<script id="container" name="content" type="text/plain">

這里寫你的初始化內容

</script>

<!-- 配置文件 -->

<script type="text/javascript" src="ueditor.config.js"></script>

<!-- 編輯器源碼文件 -->

<script type="text/javascript" src="ueditor.all.js"></script>

<!-- 實例化編輯器 -->

<script type="text/javascript">

var ue = UE.getEditor('container');

</script>

</body>

</html>