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如何关闭传真错误报告
  • 热门搜索
    蔡和森简介 空之轨迹fc攻略 蛇是怎么繁殖的 东乡族简介 荣耀8怎么样 脸胖怎么瘦 怎么设置网络打印机 显卡内存不足怎么办 贵阳旅游攻略必玩的景点 稻城亚丁自助游攻略