在vue中获取wangeditor的html和text的操作
更新时间：2020年10月23日 09:42:09 作者：小道仙
这篇文章主要介绍了在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
<div id="editorElem" style="text-align:left"></div>
<button v-on:click="getContent">查看内容</button>
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前端按钮权限控制，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
下面小编就为大家带来一篇浅谈sass在vue注意的地方。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
vue中手动封装iconfont组件解析(三种引用方式的封装和使用)
这篇文章主要介绍了vue中手动封装iconfont组件(三种引用方式的封装和使用)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
props中设置了默认值,但是获取时（获取父页面没有传的属性） 打印出来是undefined,所以本文给大家介绍了解决vue中props对象中设置多个默认值的问题,需要的朋友可以参考下2024-04-04
Pinia是Vue 3的专属状态管理库,旨在替代Vuex,提供更简单、直观的状态管理解决方案,它支持组合式API和选项式API,允许跨组件或页面共享状态,避免了Vuex中的许多复杂概念,本文介绍Vue中Pinia的各种详细说明和使用示例,感兴趣的朋友一起看看吧2025-01-01
本文主要介绍了vue调用谷歌授权登录获取用户通讯录的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
今天小编就为大家分享一篇vue单页应用在页面刷新时保留状态数据的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
今天小编就为大家分享一篇vue基本使用--refs获取组件或元素的实例，具有很好的参考价值，希望对大家有所帮助。一起个跟随小编过来看看吧2019-11-11
这篇文章主要给大家介绍了关于Vue路由跳转传参或打开新页面跳转的相关资料,在使用Vue.js开发单页面应用时常常会遇到路由跳转传参的需求,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了vue页面右下角添加悬浮按钮组件的方法代码,在Vue项目中,通过在顶层路由文件中添加代码,可以实现页面左下角悬浮按钮的功能,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-11-11
最新评论