百度富文本編輯器ueditor怎麼使用

有時候我們想使用ueditor富文本編輯器,怎麼操作呢,下面來分享一下方法

工具/原料

電腦
ueditor

方法/步驟

第一步我們創建一個web項目,將官網下載的ueditor放在根目錄下面,並將自

帶的jar包引入,如下圖所示:

第二步需要先配置ueditor下面的ueditor.config.js文件,找到

window.UEDITOR_HOME_URL = "/項目名稱/ueditor/";進行路徑配置,如下圖所示:

第三步在我們需要用到富文本編輯器的地方引入js文件,需要引入

ueditor.config.js,ueditor.all.js,jquery-2.2.3.min.js三個文件,如

下圖所示:

第四步需要在頁面中用一個文本域來引入,輸入如下代碼:

<textarea id="contents" name="contents"></textarea>

<script type="text/javascript" charset="utf-8">

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

editor.render("contents");

</script>

第五步運行項目,可以看到富文本編輯器ueditor已經顯示在瀏覽器頁面上了,

如下圖所示:

第六步如果需要進行上傳文件,圖片,視頻,需要配置「ueditor->jsp-

>config.json」文件,配置圖片,文件,視頻的路徑訪問前綴,相對路徑可以

用「..」,如下圖所示:

注意事項

如果你覺得這篇對你有用的話,請投一下票

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場