jin-edit 是一款基于编辑器的富文本组件,专为 uni-app 设计。官方虽提供了基础的 editor 组件,但功能有限,仅支持简单文本或图片上传。而 jin-edit 实现了图文混排、表情插入、超链接、视频嵌入等多种功能的一体化操作,极大提升了内容编辑的灵活性与表现力。同时,它简化了开发流程,有效减少了代码编写量,显著降低了开发人员在富文本处理上的工作负担,提升开发效率与用户体验。
1、 在uni-app中获取jin-edit富文本编辑器,下载后解压即可使用。
2、 打开HBuilderX开发工具,新建一个uni-app项目,然后将jin-edit富文本编辑器复制到项目下的components文件夹中即可完成引入。
3、 引入后需在pages.json中手动配置对应路径,由于复制粘贴后该路径不会自动生成,必须自行添加,确保页面正常访问与功能运行。
4、 在index.vue文件中引入components/jin-edit/jin-edit.vue组件,并完成组件的注册与使用。
5、 在index.vue文件的模板部分进行修改
6、 如何使用jin-edit组件
7、 查看最终运行结果

