小程序（二十四）微信小程序富文本编辑器editor

最新推荐文章于 2024-06-03 15:20:47 发布
最新推荐文章于 2024-06-03 15:20:47 发布
阅读量1.7k 收藏 6
点赞数 1
分类专栏： 微信小程序 文章标签： 小程序 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39708228/article/details/120360932
版权

小程序也是有富文本编辑器这个控件的，别说，之前我还真没注意。

官方文档：

https://developers.weixin.qq.com/miniprogram/dev/component/editor.html

官方文档中给出的东西倒是不多，具体的代码示例在下图红框中标注的位置：

在这里插入图片描述

示例代码大概是这个样子：

在这里插入图片描述

通过官方的示例，我这边大概了解了一下微信小程序editor的使用，我这里封装了一个自定义组件：

效果如下图所示：

在这里插入图片描述

资源下载请访问：
https://guanchao.site/pc/articleDetail?article_id=ujTOt4h0t7lUl%2FF2gbRT%2F3dWKXzKNnCgTH7ik99GkLA%3D

有好的建议，请在下方输入你的评论。

欢迎访问个人博客
https://guanchao.site

欢迎访问小程序：

在这里插入图片描述

camellias_
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序实战之实现富文本编辑器
梅花寺
12-09 9673
最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。实现的功能点如下。
微信小程序编辑器editor
xiao_xiao_0812的专栏
07-10 881
微信小程序富文本编辑器如何使用
微信小程序 editor 踩过的坑及解决办法
qq_41022976的博客
08-19 3005
一、placeholder默认样式修改 .ql-editor.ql-blank::before { //placeholder默认样式修改 content: attr(data-placeholder); pointer-events: none; position: absolute; font-size: 32px; color: #B3B3B3; font-weight: 400; font-style: normal !important; } 二、踩过的edito
uni微信小程序editor富文本组件如何插入图片
最新发布
T3165919332的博客
06-03 714
作用是在不同平台下获取编辑器的上下文，以便后续对编辑器进行操作，比如插入图片、获取内容等。首先要使用到@ready这个属性，然后官网有给代码粘过来，简单解释一下这段代码的意思（在editor中插入图片，并对图片进行编辑，简略看一下组件的属性，官网。最后对图片的操作非常简单，查看官网的editor组件的属性即可。然后添加一个按钮用来插入图片，这里直接上。
微信小程序笔记功能（富文本editor功能）开发
IT_iosers的博客
10-26 833
原理：示例中只区分了ios 和安卓 并且keyboardHeight 时不显示工具栏 这里pc被当成了安卓 所以不显示。解决： 1、区分pc和手机端 2、pc端的工具栏一般放在顶部。
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
朝阳39的博客
03-06 1145
富文本编辑器 editor 的使用
微信小程序editor富文本编辑器组件
03-06
微信小程序editor富文本编辑器组件，将官方的富文本组件进行二次开发达到一个好用而又实用的地步。下载组件并引入到小程序中，稍加配置即可使用。
微信小程序富文本编辑器插件editor微信小程序前端和图片接收后端
03-13
微信小程序富文本编辑器插件`editor`是微信官方提供的一种强大的富文本处理工具，它专为微信小程序设计，能够帮助开发者实现复杂的内容编辑和格式调整功能。在小程序的前端开发中，`editor`组件扮演着核心角色，使得...
微信小程序富文本编辑editor.zip
10-13
这次我们将探讨uni-app中的富文本编辑器（editor）组件，以及如何在微信小程序中使用它来处理复杂的文本和图片编辑需求。 首先，uni-app的editor组件是用于创建和编辑富文本的，它支持插入图片、设置文字格式、添加...
微信小程序富文本编辑器
06-15
微信小程序富文本编辑器，基于小程序editor封装，集成文字设置、对齐方式、插入图片、字体|背景颜色设置等常用功能。
微信小程序富文本编辑器插件miniapp-editor-master.zip
09-25
总的来说，"miniapp-editor-master.zip"提供的微信小程序富文本编辑器插件，是提高小程序内文本编辑功能的重要工具，开发者可以通过理解和运用这个插件，为用户提供更加丰富和便捷的内容创作体验。
基于Vue实现微信小程序的图文编辑器
10-18
主要介绍了基于Vue实现微信小程序的图文编辑器,由于微信小程序不能使用常规的图文编辑器(比如百度的UEditor )编辑新闻内容之类的，所以用vue写了个针对小程序用的图文编辑器需要的朋友可以参考下
小程序利用富文本编辑器editor编辑文章
hotqin888的专栏
07-28 1万+
https://blog.csdn.net/qq_29789057/article/details/90108048 https://blog.csdn.net/hotqin888/article/details/90348007 从小程序的利用富文本编辑器editor添加文章，上传图片，到利用富文本编辑器编辑现有文章， 开始想着由文章阅览页里的按钮携带参数id到编辑页，编辑页在onload...
微信小程序富文本编辑器editor初体验-图片上传
hotqin888的专栏
05-19 1万+
https://developers.weixin.qq.com/miniprogram/dev/component/editor.html 以前没有小程序富文本编辑器，只能输入文字，图片上传后，在服务端进行拼接。现在好啦，直接上富文本，向里面传图片，修改图片大小。 主要是富文本里插入图片，选择图片，一个临时地址，预览地址，上传服务器后返回的图片地址。 在微信小程序基础库2.7以前（目前最新...
Notedown-CN：微信小程序的 Markdown 编辑器神器
gitblog_00096的博客
04-17 496
Notedown-CN：微信小程序的 Markdown 编辑器神器 项目地址:https://gitcode.com/Notedown-cn/wxopen 项目简介 Notedown-CN 是一个专为微信小程序打造的开源 Markdown 编辑器。它以简洁、高效和易用为核心，旨在提供一个无缝的 Markdown 写作体验，并且能够实时预览你的文档，极大地提高了写作效率。 技术分析 Notedown...
【小程序】editor组件回显内容
AnsonChen的博客
05-31 2179
场景：标记内容用了editor，后续有修改功能，需要将内容回显上去。 博主使用的是uni-app，翻阅了文档，editor组件对内容的属性只有@input，用v-modal和 :value
【愚公系列】2022年03月 微信小程序-富文本编辑器
热门推荐
时光隧道
07-30 55万+
<view class="container" style="height:{{editorHeight}}px;"> <editor id="editor" class="ql-container" placeholder="{{placeholder}}" bindstatuschange="onStatusChange" bindready="onEditorReady"> </editor> </view> <scroll-view s
微信小程序 富文本编辑器 editor
java1234的博客
05-28 3563
完整微信小程序(Java后端) 技术贴目录清单页面（必看） 富文本编辑器，可以对图片、文字进行编辑。 编辑器导出内容支持带标签的 html和纯文本的 text，编辑器内部采用 delta 格式进行存储。 通过setContents接口设置内容时，解析插入的 html 可能会由于一些非法标签导致解析错误，建议开发者在小程序内使用时通过 delta 进行插入。 富文本组件内部引入了一些基本的样式使得内容可以正确的展示，开发时可以进行覆盖。需要注意的是，在其它组件或环境中使用富文本组件导出的html时，需要额外引
微信小程序中的editor组件放到自定义组件中去使用
weixin_42475367的博客
11-17 2734
下载官方提供的示例代码：editor示例代码 复制editor文件夹到自己自定义组件文件夹中 修改editor文件夹下的editor.js文件 Page改成 -> Component 添加properties，还有一些事件（onBindInput，onBindBlur，setContents） Component({ properties: { placeholder: String }, data: { formats: {}, readOnly: false.
uniapp 微信小程序 editor富文本编辑器
05-24
而微信小程序的富文本编辑器，可以使用微信小程序自带的富文本编辑器组件，也可以使用第三方的富文本编辑器组件，例如腾讯云开发的QCloud RichText组件以及有赞开发的Vant-RichText组件等等。在Uniapp中使用微信小...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值