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如何关闭传真错误报告
  • 热门搜索
    感恩父母手抄报大全 纪念英雄手抄报 手抄报花边简单手绘 我是小学生手抄报 三爱三节手抄报资料 六一儿童节手抄报简单 关于健康的英语手抄报 说普通话写规范字手抄报内容 致敬抗美援朝争做时代新人手抄报 手抄报的版面设计图