(五)、编辑页面-发布长文-富文本编辑【uniapp+uinicloud多用户社区博客实战项目(完整开发文档-从零到完整项目)】

ゝ一纸荒年。 2024-03-27 17:17 5阅读 0赞

#### 1，edit页面 ####

###### 1.1 新建edit页面 ######

![在这里插入图片描述][c0596e23135446be83d10bef6d9a5c86.png]

###### 1.2 从本地相册选择图片或使用相机拍照。 ######

[uni.chooseImage(OBJECT)][uni.chooseImage_OBJECT]

###### 1.3 直接上传文件到云存储。 ######

[uploadFile(Object object)][uploadFile_Object object]

###### 1.4 从富文本编辑器获取编辑器内容 ######

[editorContext.getContents(OBJECT)][editorContext.getContents_OBJECT]

首页富文本编辑器初始化完成时，在 onEditReady()方法中通过uni.createSelectorQuery()获取富文本编辑器的上下文（ this.editorCtx）：

//编辑器初始化完成时触发
          onEditReady() {
            uni.createSelectorQuery().in(this).select('.myEdit').fields({
              size: true,
              context: true
            }, re

[c0596e23135446be83d10bef6d9a5c86.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/16c53257023a48f292547fe3dc91091c.png
[uni.chooseImage_OBJECT]: https://uniapp.dcloud.net.cn/api/media/image.html
[uploadFile_Object object]: https://uniapp.dcloud.net.cn/uniCloud/storage.html#uploadfile
[editorContext.getContents_OBJECT]: https://uniapp.dcloud.net.cn/api/media/editor-context.html#editorcontext-getcontents