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如何关闭传真错误报告
  • 热门搜索
    778是什么意思 宫颈癌是什么原因引起的 什么是脚本 谓语是什么 捐骨髓对人有什么危害 pmma是什么材料 什么英文 goat是什么意思 党的三大作风是什么 谚语是什么意思