導航:首頁 > 使用方法 > ueditor使用方法

ueditor使用方法

 發布時間：2022-07-17 00:52:00

㈠ php ueditor怎麼使用

方法/步驟
目前最新版本為1.1.7.3
下載下來的文件名為ueditor1.1.7.3.zip
把解壓出來的ueditor文件夾整個復制到項目WebRoot下
1.頁面<head>里增加以下代碼

2.頁面<body>里增加以下代碼

打開瀏覽器，輸入相應地址，一個漂亮的編輯器就出現了，但表情和上傳文件這塊還需要更改一下配置
修改配置，增加上傳

打開editor_config.js文件，修改URL的值

保存，刷新一下頁面，表情是不是可以出來了？
文件上傳默認用的是ueditor/server/upload/php/up.php進行上傳的，如果用jsp上傳，需要修改兩個地方
修改ueditor/dialogs/image/image.html頁面里第304行和ueditor/dialogs/wordimage/wordimage.html頁面第82行，改為使用up.jsp進行上傳，這裡面用的是apache的fileupload組件，所以要導入apache commons組件中的fileupload和io這兩個jar包
5.修改ueditor/server/jsp/up.jsp，指定文件的保存路徑

㈡ thinkphp怎樣用umeditor

thinkPHP下ueditor的使用方法具體如下：
1、首先需要下載ueditor，
2、下載對應的php版的，下載後重命名為ueditor，根據需要放到對應的項目目錄中。我放的位置為Public/admin文件夾下，admin為後台的訪問入口文件目錄。
3、在項目中的使用
首先需要引入核心的js文件：
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.all.js"></script>
然後再文件中加入<textarea>標簽，注意設置id屬性
代碼如下:
<textarea name="content" id="EditorId"> </textarea>
接著是初始化編輯器，注意配置路徑
<script type="text/javascript" charset="utf-8">
window.UEDITOR_HOME_URL = "__PUBLIC__/admin/ueditor/";
window.onload=function(){
window.UEDITOR_CONFIG.initialFrameHeight=300;//編輯器的高度
window.UEDITOR_CONFIG.initialFrameWidth=800;//編輯器的寬度
var editor = new UE.ui.Editor({
imageUrl : '__APP__/Editor/uploadImage',
fileUrl : '__APP__/Editor/uploadFile',
imagePath : '',
filePath : '',
imageManagerUrl:'__APP__/Editor/imageManage', //圖片在線管理的處理地址
imageManagerPath:'__ROOT__/'
});
editor.render("EditorId");
}
</script>
注意：
1、UEDITOR_HOME_URL的路徑配置為ueditor所在的位置。
2、圖片上傳路徑的配置
3、editor.render("textarea的id一致");
至此一個便算基本完成。
但是，在IE9下，編輯器沒有一點效果，這是怎麼回事呢？
在IE9下，需要把
代碼如下:
window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";
路徑設置代碼，放在引入js文件和初始化之間。

㈢ 用百度UEditor，提交表單數據POST到控制器方法

1、從UEditor獲取數據在後台

2、在後台中通過SQL往資料庫中填充數據就解決了。

㈣ ueditor怎麼使用

方法/步驟


目前最新版本為1.1.7.3

下載下來的文件名為ueditor1.1.7.3.zip

把解壓出來的ueditor文件夾整個復制到項目WebRoot下

1.頁面<head>里增加以下代碼

㈤ 百度編輯器ueditor怎麼用

使用UEditor創建一個編輯器還是很簡單的一件事情，首先就是引入倆個js文件，分別為editor_config.js和editor_all.js。然後就是js創建一個可編輯區域，用來創建編輯器，需要註明id，類型為text/plain，最後實例化編輯器即可
如果將UEditor應用到項目中我們還需要對編輯器的路徑進行設置。我們打開editor_config.js文件，找到window.UEDITOR_HOME_URL，然後配置編輯器所在文件的路徑，這個路徑可以是絕對路徑也可以是相對路徑。此處的配置僅對這個編輯器起作用，如果你使用了多個UEditor則需要分別進行設置。

㈥ 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();
});
閱讀全文

與ueditor使用方法相關的資料

熱點內容
mo使用方法 瀏覽：497
快速烤菜卷的方法 瀏覽：493
用傳統方法研究中葯 瀏覽：770
模擬樹的安裝方法 瀏覽：701
健身甩筒鍛煉方法 瀏覽：942
集成吊頂燈安裝方法圖 瀏覽：475
肥胖體脂率測量方法 瀏覽：15
自己用什麼方法去眼袋 瀏覽：650
常用的幾種野外求救方法 瀏覽：443
電動料理機的安裝方法視頻 瀏覽：573
如何更改資費方法 瀏覽：880
水分的計算方法 瀏覽：884
里外雙鎖芯安裝方法 瀏覽：263
甜甜圈發使用方法 瀏覽：155
500卡路里鍛煉方法 瀏覽：894
怎麼讓孩子開竅的方法 瀏覽：618
性癮症的治療方法 瀏覽：377
雞飼料釣草魚方法視頻 瀏覽：244
低危型房顫的治療方法 瀏覽：808
歐姆龍耳溫計使用方法 瀏覽：550