vue-html5-editor接收数据,在vue中获取wangeditor的html和text的操作

目的：vue 中获取 wangeditor 的 html 和 text。

补充知识：vue-cli webpack 引入 wangeditor(轻量级富文本框)

1：使用npm下载：

//(注意 wangeditor 全部是小写字母)

npm install wangeditor

2: 直接在项目模板中引用

import E from 'wangeditor'

3：HTML

查看内容

4：js代码

export default {

name: 'editor',

data () {

return {

editorContent: ''

}

methods: {

getContent: function () {

alert(this.editorContent)

}

mounted() {

var editor = new E('#editorElem')

editor.customConfig.onchange = (html) => {

this.editorContent = html

}

editor.create()

}

5：哈哈然后就搞定啦附录原作者github 地址

https://github.com/wangfupeng1988/wangEditor/blob/master/README.md

以上这篇在vue中获取wangeditor的html和text的操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

vue-html5-editor接收数据,在vue中获取wangeditor的html和text的操作相关推荐

C程序|实现使用OPENSSL库发送HTTPS请求，并接收数据|例如请求12306获取高铁、动车、火车车次信息的方法
C程序|实现使用OPENSSL库发送HTTPS请求,并接收数据|例如请求12306获取高铁.动车.火车车次信息的方法 1 HTTPS请求 1.1 研究浏览器发送的请求数据 1.2 代码实现 2 分析 ...
java从端口接收数据_java - Java中通过串行端口接收数据的效率更高 - 堆栈内存溢出...
这是代码片段我在这里启动一个动作监听器 try { port_seleted.addEventListener(this); } catch (TooManyListenersException e ...
Csocket OnReceive接收数据部分（解决接收数据不全的问题+获取时间+将数据写入文本文档）
void CDebugDlg::OnReceive() {BYTE cbDataBuffer[1024];BYTE buff;int len,a,leng;CString b,c,d;CString ...
php中获取数据表数据,从表中获取数据到PHP
我有一张桌子,我在其中使用j-query动态添加行我想从每个字段中获取数据到我的php中,并在按下提交时对其进行处理,或者我们可以使用j-query遍历表以获取所有值并将其放入数组中,我不知道如何要 ...
VUE保存页面的数据，VUE页面显示就执行某个函数，VUE页面隐藏就执行某个函数
用 VUE 默认的 keep-alive 组件实现保存页面的数据,页面显示就执行某个函数,页面隐藏就执行某个函数实现方式: 1.在路由内设置页面是否需要缓存: 示例代码:(在需要的组件里面添加met ...
php vue 跨域请求数据6,Vue跨域请求问题解决方案过程解析
查看页面响应信息,提示跨域有问题 #### 二.解决上面跨域问题:根目录写入以下vue.config.js // vue.config.js module.exports = { devServer: ...
Oracle中获取系统当前时间和进行时间间隔操作
原文转载至:http://blog.sina.com.cn/s/blog_4ce36a780101b1rl.html 以年-月-日时:分:秒格式获取当前数据库系统时间: select to_ch ...
oracle 截取时间至小时,Oracle中获取系统当前时间和进行时间间隔操作
原文转载至:http://blog.sina.com.cn/s/blog_4ce36a780101b1rl.html 以年-月-日时:分:秒格式获取当前数据库系统时间: select to_ch ...
Vue定时刷新页面数据
我现在只知道两种最常见的定时刷新方案,一种是利用Vue的内置函数setTimeout.setInterval定时执行,另一种是websocket消息推送.我的需求是,当数据库中的数据发生更新时,前端就 ...

vue-html5-editor接收数据,在vue中获取wangeditor的html和text的操作

vue-html5-editor接收数据,在vue中获取wangeditor的html和text的操作相关推荐

最新文章

热门文章