整合移動端vue富文字編輯器

2021-09-02 21:25:32 字數 1351 閱讀 9569

使用的這套巡雲**系統對每個功能都分成模組,全部支援傳統頁面訪問方式和json訪問方式。

1.我們將新建乙個布局

3.開啟單頁應用模板布局檔案

引入vue-html5-editor檔案

開啟移動版js檔案

增加js**

var comment_component = vue.extend(,

};},

created : function created() ,

components:,

visiblemodules: [

"text",

"color",

"align",

"link",

"unlink",

"eraser",

"undo",

"full-screen",

],})

},methods : ,

queryaddcomment : function() ,

addcomment : function(event)

//提交內容

},//vue-html5-editor 富文字編輯器更新值

updatedata: function(data) ,

}});

增加css**

.commentmodule .addcommentscroll 

.commentmodule .addcommentscroll .box

.commentmodule .addcommentscroll .box .addcommentform

.commentmodule .addcommentscroll .box .addcommentform .tips

.commentmodule .addcommentscroll .box .addcommentform .tips span

.commentmodule .addcommentscroll .box .addcommentform .tag

完成效果圖

移動端富文字編輯器

現成的移動端富文字編輯器外掛程式 僅供參考,遇坑勿噴 手動微笑 eleditor wangeditor mobile 以下是基於公司需求手擼的簡單移動端富文字編輯器,記錄一下 位址戳這裡 用法介紹 readme.md 編輯器顯示 customeditor.show content,function ...

富文字 Vue專案中如何整合富文字編輯器

富文字編輯器 在 你的專案 build webpack.dev.conf.js 中新增如下配置 templateparameters 目的 為了在html頁面中能夠使用這裡定義的base url變數 由於富文字編輯器是第三方提供的,需要把它的指令碼引入進來才能使用。在 你的專案 index.html...

layui整合富文字編輯器

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