vue獲取編輯器純文字 Vue使用富文字編輯器

2021-10-13 06:11:18 字數 403 閱讀 7189

一.選取編輯器

剛開始使用的是kindeditor,在npm社群中找到了適用於vue的版本vue-kindeditor。存在如下缺陷:文件不全、網上資料不全、npm社群例項過於簡單、上傳不能控制尺寸。

二:例項**

前端vue

html:

js:import axios from 'axios';

import from 'element-ui'

import e from 'wangeditor'

var editor;

export default

editor.create()

後端node.js

express.post('/uploadimg',function (request,response) }

vue獲取編輯器純文字 vue富文字編輯器

工具欄配置 const options bold italic underline strike 加粗 斜體 下劃線 刪除線 blockquote code block 引用 塊 1 2 級標題 有序 無序列表 上標 下標 縮排 文字方向 字型大小 標題 字型顏色 字型背景顏色 字型種類 對齊方式 ...

vue的富文字編輯器

在 vue 專案中引入 tinymce 富文字編輯器 專案中原本使用的富文字編輯器是 wangeditor,這是乙個很輕量 簡潔編輯器 bootstrap wysiwyg 微型,易用,小而美,只是 bootstrap jquery kindeditor 功能強大,簡潔,需要配置後台,而且好久沒見更新...

vue 使用 富文字編輯器

1安裝依賴 npm i quill s npm i vue quill editor s 2.上 元件 如下 template edit container 編輯器 content ref myquilleditor options editoroption blur oneditorblur ev...