微信小程序项目实录二——富文本编辑器

最新推荐文章于 2023-10-09 21:51:34 发布

王等等csdn

最新推荐文章于 2023-10-09 21:51:34 发布

阅读量417

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/qq_38475901/article/details/113867908

版权

本文记录了在微信小程序项目中实现富文本编辑器的过程，通过封装原生editor组件，详细介绍了组件的WXML、WXSS和JS代码实现。

摘要由CSDN通过智能技术生成

使用小程序原生组件editor

在项目中，我封装成了一个公用的组件
目录结构
直接上代码！！！
index.wxml

<editor 
  id="editor" 
  class="ql-container" 
  placeholder="{
    {placeholder}}" 
  bindstatuschange="onStatusChange" 
  bindready="onEditorReady"
  bindinput="onEditorChange">
</editor>
<view class="toolbar" catchtouchend="format" 
style="bottom: {
      {
      isIOS ? (keyboardHeight+88) : 88}}rpx" hidden="{
    {keyboardHeight > 0 ? false : true}}">
  <i class="iconfont icon-charutupian" catchtouchend