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

2022-04-28 17:15:10 字數 446 閱讀 8073

首先看看他的介面效果:

個人感覺這個富文字框非常簡潔,易於使用;

然後給這個div容器進行初始化就是建立富文字控制項:

var e = window.wangeditor

var editor = new e( document.getelementbyid('editor') )

editor.create()

然後使用的話也很簡單,獲取它的值就是:

editor.txt.html();
填入值:

editor.txt.html(html);
而只是想展示,並不想進行編輯的話,直接將值寫入div容器的html屬性就行

富文字編輯器

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

富文字編輯器

富文字編輯器,rich text editor,簡稱 rte,它提供類似於 microsoft word 的編輯功能。常用的富文字編輯器 kindeditor ueditor ckeditor 在頁面中新增js 用於初始化kindeditorallowfilemanager 是否允許瀏覽伺服器已上傳...

富文字編輯器

富文字編輯器,rich text editor,簡稱 rte,它提供類似於 microsoft word 的編輯功能。常用的富文字編輯器 kindeditor ueditor ckeditor 在頁面中新增js 用於初始化kindeditor allowfilemanager 是否允許瀏覽伺服器已上...