uni-app引用第三方的富文本编辑器

 时间:2026-02-14 03:40:29

1、首先再uni-app中下载jin-edit富文本编辑器,下载完成之后进行解压

uni-app引用第三方的富文本编辑器

uni-app引用第三方的富文本编辑器

uni-app引用第三方的富文本编辑器

2、打HBuilderX开发工具,创建一个uni-app项目,并引入jin-edit富文本编辑到当前项目的commponents目录中

uni-app引用第三方的富文本编辑器

uni-app引用第三方的富文本编辑器

3、引入之后就在pages.json中进行该路径的配置,因为再复制粘贴之后,该路径是没有被pages.json自己的创建的,所以需要手动的创建该路径

uni-app引用第三方的富文本编辑器

4、再index.vue文件中进行引入components/jin-edit/jin-edit.vue组件并注册

uni-app引用第三方的富文本编辑器

5、再index.vue中的<template>


    <view>
        
    </view>
</template>

对jin-edit组件的使用

uni-app引用第三方的富文本编辑器

6、最后查看运行结果

uni-app引用第三方的富文本编辑器

  • DataGrip怎么关闭尝试变更列表编辑文件显示对话
  • pycharm 2019怎么汉化,pycharm 2019汉化教程
  • 如何设置android studio让程序运行在真机中
  • 火狐Firefox浏览器安装使用教程
  • 惠普 HP M2727如何关闭传真错误报告
  • 热门搜索
    新日电动车怎么样 u盘怎么加密 考试考砸了怎么办 ofo怎么退余额 是怎么读 烤箱怎么做蛋糕 安全套怎么用 苔藓怎么养 馅饼怎么做 鄱阳怎么读