uniapp editor编辑器

<editor id="editor" class="ql-container"@input="getText"  showImgToolbar         @statuschange="onStatusChange" :read-only="readOnly" @ready="onEditorReady">
</editor>

1.调用

that.onEditorReady();

2.给editor设置初始值

onEditorReady() {var that = this;uni.createSelectorQuery().select('#editor').context((res) => {this.editorCtx = res.context;this.editorCtx.setContents({//赋值html:that.text});}).exec()},

3.获取editor的内容

getText(e){var that = this;console.log(e.detail.html);//带标签内容console.log(e.detail.text);//纯文本内容
},

编辑器整体页面内容连接：https://download.csdn.net/download/qq_35086913/12108763

uniapp editor编辑器相关推荐

uniapp的editor编辑器
九.uniapp的editor编辑器 editor 1.调用初始化的方法,目的是创建editor组件对应的 editorContext (实例上下文) @ready="onEdit ...
uniapp 使用editor编辑器实现发布文章的功能
uniapp editor介绍富文本编辑器,可以对图片.文字格式进行编辑和混排. 代码实现 html <view class="editor-wrapper">< ...
Unity3D Editor 编辑器扩展3 Editor脚本
Unity3D Editor 编辑器扩展3 Editor脚本环境:Unity2017.2 语言:C# 总起: 在编辑Unity项目的时候,总不可能避免的接触到Unity自身自带的Inspector参 ...
CP Editor 编辑器（为竞赛而生的编辑器）的安装与配置
CP Editor 编辑器(为竞赛而生的编辑器)的安装与配置 1. CP Editor 编辑器的下载 2. 配置环境变量 3. 配置个人化的 CP Editor 4. 配置完成测试 1. CP Edi ...
uniapp editor富文本编辑器，h5富文本编辑器封装成插件
重点提示:工具栏的图标请自行在iconfont(https://www.iconfont.cn/)去添加,否则图标无法显示公司业务需求,需要在h5实现富文本编辑功能.uniapp的editor可以实 ...
uni-app editor富文本编辑器
<form @submit="formCompany" @reset="formReset"> <view class="uni-f ...
editor编辑器为什么头部信息会不见_简单聊一聊一个前端编辑器的性能优化
最近项目一直在使用 Monaco Editor 这个库. 在我加了一个新功能之后, 整个编辑器开始变的非常卡, 我试图解决这个性能问题. 但是发现有一些棘手... 评论以及文末有更新场景其实我加的 ...
Editor编辑器操作
Editor 辅助开发对编辑器进行拓展开发特殊的文件夹 Editor, Editor Default Resources 命名空间:UnityEditor 如果是游戏逻辑的脚本绝对不允许引用该命名空 ...
react 中使用 Monaco Editor 编辑器
目录 Monaco Editor react 中使用安装使用方法 Webpack 配置属性获取 monac 开发示例---自定义提示自定义主题 Monaco Editor 微软之前有个项目叫 ...

uniapp editor编辑器

uniapp editor编辑器相关推荐

最新文章

热门文章