在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:bctos-rich-editor开源软件地址:https://gitee.com/bctos_cn/bctos-rich-editor开源软件介绍:bctos-rich-editor 介绍bctos-rich-editor是tinymce最新的5.10版本基础开发,主要扩展实现图片和视频上传到uniCloud的云存储中。 特别是视频上传部分,官网和网上的方案都是通过虚拟一个input按钮然后通过表单的方式上传,并不适用于云存储的上传参数要求。 研究了很久最终发现其实uniCloud提供了chooseAndUploadFile接口可以简单而且完美解决tinymce的文件上传问题(不局限于视频)。 前端富文本组件说明本编辑器编辑的内容,建议使用我另一个插件 bctos-rich-text 解析,它能解决rich-text组件不支持视频播放和图片宽度超出手机显示界面的问题。 它能在小程序里完美实现视频与图文混排展示 安装方式本组件符合easycom规范, 基本用法设置 <template> <uni-forms-item name="content" label="产品介绍"> <bctos-rich-editor v-model="content" /> </uni-forms-item></template> export default { data() { return { content: `<p>这里是内容段落一,下面放置了第一个视频</p><br> <p><video controls="controls"> <source src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-042c6b2e-63dd-4fe1-b729-b6327b68450a/d906ba15-9041-4137-bc3f-44a413c855e0.mp4" type="video/mp4" /></video></p><br> <p>这里是内容段落二,下面放置了第二个视频</p><br> <p><video controls="controls"> <source src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-042c6b2e-63dd-4fe1-b729-b6327b68450a/ae4a89d7-5c7e-48d2-b6f9-0da5c848bbda.mp4" type="video/mp4" /></video></p><br> <p>后面其它更多内容...</p>`, } }} APIbctos-rich-text Props
参考资料tinymce中文文档tian-article-admin插件 更多帮助如果还想扩展其它功能,欢迎联系定制开发:QQ: 203163051 |
请发表评论