微信小程序富文本编辑器 date 20220725 tags 组件文本编辑editor微信hg comments true author admin 微信小程序富文本编辑器 简介 本资源文件提供了一个基于微信小程序的富文本编辑器组件该组件是基于微信官方提供的editor组件进行二次封装旨在提供一个更加实用和易用的富文本编辑器适用于开发类似新闻管理小程序商品简介等需要富文本编辑功能的场景 功能特点 富文本编辑支持文字图片视频等多种内容的编辑 工具栏自定义可根据需求显示或隐藏工具栏 图片上传支持自定义图片上传地址方便集成图片上传功能 组件化使用组件化设计方便在不同页面中引入和使用 使用方法 1 引入组件将组件文件夹复制到项目根目录 2 页面配置在需要使用的页面的JSON文件中引入该组件 3 页面使用在WXML文件中使用该组件并根据需求配置相关参数 示例代码 以下是一个简单的使用示例 json usingComponents hgeditor componentshgeditorhgeditor

2022-07-25

微信小程序富文本编辑器

简介

本资源文件提供了一个基于微信小程序的富文本编辑器组件。该组件是基于微信官方提供的editor组件进行二次封装,旨在提供一个更加实用和易用的富文本编辑器。适用于开发类似新闻管理小程序、商品简介等需要富文本编辑功能的场景。

功能特点

  • 富文本编辑:支持文字、图片、视频等多种内容的编辑。
  • 工具栏自定义:可根据需求显示或隐藏工具栏。
  • 图片上传:支持自定义图片上传地址,方便集成图片上传功能。
  • 组件化使用:组件化设计,方便在不同页面中引入和使用。

使用方法

  1. 引入组件:将组件文件夹复制到项目根目录。
  2. 页面配置:在需要使用的页面的JSON文件中引入该组件。
  3. 页面使用:在WXML文件中使用该组件,并根据需求配置相关参数。

示例代码

以下是一个简单的使用示例:

{
  "usingComponents": {
    "hg-editor": "/components/hg-editor/hg-editor"
  }
}
<hg-editor showTabBar="true" placeholder="请输入相关内容" name="editor1" uploadImageURL="https://your-upload-url.com"></hg-editor>

注意事项

  • 确保微信小程序基础库版本在2.7.0及以上。
  • 如果使用uniapp开发小程序,请按照Vue的组件引用方式进行引入。

贡献

欢迎各位开发者提出改进建议或提交代码,共同完善该富文本编辑器组件。

许可证

本项目采用MIT许可证,详情请参阅LICENSE文件。

下载链接

微信小程序富文本编辑器