您现在的位置是:首页 > Javascript
当前栏目
[javascript] vue项目cdn模式下使用wangEditor
2023-02-18 15:36:44 时间
在GOFLY项目的实现过程中,需要使用富文本编辑器,现在使用下wangEditor
很简单,先引入
<script src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>
再使用
html中
<div id="welcomeEditor"></div>
在methods方法中加入
initEditor(){ if(this.editor!=null){ return; } const E = window.wangEditor this.editor = new E('#welcomeEditor') this.editor.config.height = 240; this.editor.config.menus = [ 'head', 'bold', 'fontSize', 'fontName', 'italic', 'underline', 'strikeThrough', 'indent', 'lineHeight', 'foreColor', 'backColor', 'link', 'justify', 'emoticon', 'table', 'splitLine', 'undo', 'redo', ] this.editor.create(); } },
获取html内容
this.editor.txt.html();
相关文章
- JavaScript sync and async(同步和异步)
- 【记录】JS 获取图片原始尺寸-防止图片溢出
- 认识一下什么是JSP
- js日志输出还是只会console.log么,那你就out了
- Jackson精讲第7篇-类继承关系下的JSON序列化与反序列化JsonTypeInfo
- Jaskson精讲第6篇-自定义JsonSerialize与Deserialize实现数据类型转换
- @JsonCreator自定义反序列化函数-JSON框架Jackson精解第5篇
- Jackson精解第4篇-@JacksonInject与@JsonAlias注解
- 属性序列化自定义与字母表排序-JSON框架Jackson精解第3篇
- URL及日期等特殊数据格式处理-JSON框架Jackson精解第2篇
- JSON数据处理框架Jackson精解第一篇-序列化与反序列化核心用法
- 通过java程序(JSch)运行远程linux主机上的shell脚本
- JS/TS项目里的Module都是什么?
- 为啥JS/TS里都会有"use strict"
- api接口返回动态的json格式?我太难了,尝试一下 linq to json
- 教你如何解决JS/TS里特定String进行拆分然后遍历各个元素
- 对 JsonConvert 的认识太肤浅了,终于还是遇到了问题
- knockoutjs如何动态加载外部的file作为component中的template数据源
- 掌握这20个JS技巧,做一个不加班的前端人
- 如何在TypeScript/JavaScript项目里引入MD5校验和