wangEditor富文字編輯器

今天看了下文件，記錄下。。。

wangeditor開發文件

html：

確定js內容：
var e = window.wangeditor
var editor = new e('#editorbox') //例項化文字編輯器
//1）上傳伺服器獲取網路鏈結
editor.customconfig.uploadfilename = 'myfile'; //設定檔案上傳的引數名稱
editor.customconfig.uploadimgserver='upload.do'; //設定上傳檔案的伺服器路徑（替換你的伺服器路徑）
editor.customconfig.uploadimgmaxsize = 3 * 1024 * 1024; // 將大小限制為 3m
editor.customconfig.uploadimghooks = ,
success: function(xhr, editor, result) ,
fail: function(xhr, editor, result) ,
error: function(xhr, editor) ,
timeout: function(xhr, editor) ,
custominsert:function(insertimg, result, editor)
}//2）上傳使用 base64 儲存
editor.customconfig.uploadimgshowbase64 = true 
//以上方式2選1即可
editor.create() //建立文字編輯器
function confirm()

wangEditor富文字編輯器基本使用方法

1.用script標籤引入 wangeditor.js 2.初始化編輯器 如下 編輯器 var e window.wangeditor var commentdiv new e commentdiv 開啟本地上傳選項 commentdiv.customconfig.uploadimgserver w...

富文字編輯器wangEditor以及使用方法

首先看看他的介面效果 個人感覺這個富文字框非常簡潔，易於使用 然後給這個div容器進行初始化就是建立富文字控制項 var e window.wangeditor var editor new e document.getelementbyid editor editor.create 然後使用的話也...

富文字編輯器wangeditor的使用方法

附上富文字文件 首先引入富文字 import efrom wangeditor jsmounted editor.customconfig.uploadimgshowbase64 true editor.create editor.txt.html this ruleform.intro js的da...