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

 时间:2024-10-12 12:55:27

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如何关闭传真错误报告
  • 热门搜索
    机顶盒怎么用 肉丸子怎么做好吃 炖豆腐怎么做好吃 最快的减肥方法 晒后修复方法 红包数字代表的意思大全 君子兰烂根怎么办 有脚臭怎么办 鸡蛋炒面的家常做法 lol怎么录制视频