這段時間一直在改版墨初用戶中心,本來想在墨初用戶中心集成layui的編輯器,后來經過和幾個用戶中心插件用戶的探討,決定還是用百度的UEditor富文本編輯器,雖然說百度的UEditor富文本編輯器在功能上是很多,也很實用,但為了防止網站被入侵,后期會簡化百度的UEditor富文本編輯器的部份功能。

国产视频app 今天我們說一說關于百度的UEditor富文本編輯器的一些常用設置和調用方法

百度UEditor富文本編輯器,UEditor使用方法,UEditor調用方法,UEditor設置命令

UEditor富文本編輯器部份常用的調用方法

實例化UEditor代碼

代碼1
UE.getEditor('editor', {initialFrameWidth:"100%" //初始化選項也可以加入其它參數})
代碼2
UE.getEditor('editor')

刪除UEditor編輯器

UE.getEditor('editor').destroy();

設置UEditor的焦點

UE.getEditor('editor').focus();

獲取UEditor編輯器內容

UE.getEditor('editor').getContent()

国产视频app 編輯器UEditor是否有內容

UE.getEditor('editor').hasContents()

獲取UEditor編輯器中內容純文本格式

UE.getEditor('editor').getContentTxt()

国产视频app 獲取UEditor編輯器中帶格式的純文本

UE.getEditor('editor').getPlainTxt()

啟用UEditor編輯器

UE.getEditor('editor').setEnabled();

国产视频app 禁止UEditor編輯器

UE.getEditor('editor').setDisabled('fullscreen');

国产视频app 獲取UEditor編輯器中整個html內容

UE.getEditor('editor').getAllHtml()

百度UEditor富文本編輯器,UEditor使用方法,UEditor調用方法,UEditor設置命令

百度UEditor富文本編輯器示意圖

UEditor富文本編輯器部份常設置

fileUrl:UEDITOR_HOME_URL + "../yunserver/yunFileUp.php",//文件上傳接口
filePath:"http://",
catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImage.php",//獲取遠程圖片接口
catcherPath:UEDITOR_HOME_URL + "php/",
imageManagerUrl:UEDITOR_HOME_URL + "../yunserver/yunImgManage.php",//圖片管理接口
imageManagerPath:"http://",
snapscreenHost:'ueditor.baidu.com',
snapscreenServerUrl:UEDITOR_HOME_URL + "../yunserver/yunSnapImgUp.php",//截圖接口
snapscreenPath:"http://",
wordImageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php",//word圖片轉存接口
wordImagePath:"http://", //
getMovieUrl:UEDITOR_HOME_URL + "../yunserver/getMovie.php",//獲取視頻接口
lang:/^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en',
langPath:UEDITOR_HOME_URL + "lang/",
webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd",
initialFrameWidth:860, //初始化寬度
initialFrameHeight:420, //初始化高度
focus:true //是否焦點

百度UEditor富文本編輯器,UEditor使用方法,UEditor調用方法,UEditor設置命令

簡化后的百度UEditor富文本編輯器示意圖

国产视频app 以上只是簡單的對百度UEditor編輯器的調用以及設置做了一些介紹,更詳細的百度UEditor編輯器使用方法請參考官方文檔。