微信小程序 editor 的获取和设置内容，

最新推荐文章于 2024-09-20 21:38:23 发布

我即将远走丶或许也能高飞

最新推荐文章于 2024-09-20 21:38:23 发布

阅读量507

点赞数 3

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/weixin_47756693/article/details/137824959

版权

<editor class="editor" id="editor" :style="{'font-size':'14px'}" v-show="!voiceState" @input="onEditor"></editor>

            //获取富文本内容
			onEditor(){
				uni.createSelectorQuery().select('#editor').context((res)=>{
					this.content = res.context
					this.content.getContents().then(htmlStr=>{
						console.log("htmlStr",htmlStr)
					})
				}).exec()
			},

            //设置默认内容
			uni.createSelectorQuery().select('#editor').context((res)=>{
					this.content = res.context
					this.content.setContents({
                        html:""
                    })
				}).exec()

//插入图片			
uni.createSelectorQuery().select('#editor').context(res=>{
					let editorContext  = res.context
					// 插入图片
					editorContext.insertImage({
						src: this.emojiBaseUrl + value, // 图片地址
						height:"22px",
						width:"22px",
						extClass:"extClass"   //公共样式图片的class
					});
				}).exec();