layui使用富文字編輯器

2021-09-03 07:44:30 字數 1056 閱讀 9514

html**:

這裡的原理是你輸入的內容會經過處理插入到文字區域textarea中

js**:

/**

* 文字編輯器

*/layui.use(['form', 'layedit'], function()

});//建立編輯器

layedit.build('demo',);

});

後台介面**:

/** 上傳方法

//將記憶體中的資料寫入磁碟

file.transferto(newfile);

//完整的url

string fileurl = newfilename;

mapmap = new hashmap();

mapmap2 = new hashmap();

map.put("code",0);//0表示成功,1失敗

map.put("msg","上傳成功");//提示訊息

map.put("data",map2);

map2.put("src",fileurl);//url

map2.put("title",newfilename);//名稱,這個會顯示在輸入框裡

string result = new jsonobject(map).tostring();

return result;

}

配置虛擬路徑的方法參考這篇文章:

layui整合富文字編輯器

var layedit layui.layedit layedit.build lay content 我這裡加入tool是因為我需要加入在工具欄加入code功能。如果只需要預設功能,可以直接使用build layedit.build lay content lay content表示textare...

layUI富文字編輯器元件

1 元件自帶的上傳,自定義請求頭問題 layui版本2.x layui v2.5.5 mit license by 需要自己新增引數,否則自定義請求頭無效 2 富文字編輯器資料回顯 定義layedit為全域性變數,然後呼叫setcontent 設定編輯器內容 param index 編輯器索引 pa...

富文字編輯器

關於使用富文字編輯器的一些小坑 官網 1.專案 片 editor fail function xhr,editor,result custominsert function insertimg,result,editor this.editor.create this.editor.txt.html...