uni-app editor富文本编辑器

小灰灰 2022-10-01 13:47 563阅读 0赞

<form @submit="formCompany" @reset="formReset">
    <view class="uni-form-item uni-column">
    	<view class="title">公司介绍：</view>
    	<editor style="background-color: #EBEBEB; width: 100%; padding: 10upx;" placeholder="公司介绍" id="editor" class="ql-container" :placeholder="placeholder" @input="editorChange" @ready="onEditorReady"></editor>
    </view>
    					
    <view class="uni-btn-v">
    	<input hidden='true'  v-model="gongsijieshao" name='gongsijieshao' />
    	<button formType="submit">保存</button>
    </view>
    </form>

export default {
    		data() {
    			return {
    				gongsijieshao:''
    			}
    		},
    		components: {
    			// crop
    		},
    		onLoad(e) {
    		this.chushihua()
    		},
    		methods: {
    			
    			chushihua:function(){
    				this.$api.request("/wapbusiness/userinfo").then((res)=>{
    					this.gongsijieshao = res.data.company.gongsijieshao
    				}).catch((e)=>{
    					
    				})
    			},
    			 onEditorReady() {
    				 const that = this
                    uni.createSelectorQuery().select('#editor').context((res) => {
    					
                        this.editorCtx = res.context
    					this.editorCtx.setContents({
    						html:that.info.gongsijieshao,
    						success:(res)=> {
    							console.log(res)
    						},
    						fail:(res)=> {
    							console.log(res)
    							},
    							})
                    }).exec()
                },
    			editorChange: function(e){
    				this.gongsijieshao = e.detail.html
    			}
    		}
    	}

发表评论取消回复

表情：

评论列表（有 0 条评论，563人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp 正常显示editor富文本编辑器的内容

如果不添加editor的样式文件，空格、图片都会显示不正常，需要按照官方文档提示，第一添加样式，第二，设置对应的显示方式。

╰+哭是因爲堅強的太久メ/ 2024年04月22日 15:11/ 0 赞/ 101 阅读

相关富文本编辑器 VUE-QUILL-EDITOR 使用教程

一.基础用法 1、NPM 导入 VUE-QUILL-EDITOR npm install vue-quill-editor --save 2、引入 VU

以你之姓@/ 2024年03月22日 16:25/ 0 赞/ 96 阅读

相关富文本editor赋值_小程序editor(富文本编辑器)

富文本编辑器，可以对图片、文字进行编辑。编辑器导出内容支持带标签的 `html`和纯文本的 `text`，编辑器内部采用 `delta` 格式进行存储。通过`setCo

左手的ㄟ右手/ 2023年10月05日 17:48/ 0 赞/ 73 阅读

相关富文本编辑器 froala-editor

[https://blog.csdn.net/hjy170314/article/details/102696538][https_blog.csdn.net_hjy17031

川长思鸟来/ 2023年05月31日 06:39/ 0 赞/ 30 阅读

相关 VUE集成富文本编辑器vue-quill-editor

官方文档：[https://www.kancloud.cn/liuwave/quill/1434140][https_www.kancloud.cn_liuwave_quill

Love The Way You Lie/ 2023年02月27日 05:46/ 0 赞/ 28 阅读

相关 uni-app的editor的富文本编辑器

在官方文档中教程真是也太简单了，大家可以在官方代码中找到完整的内容 https://github.com/dcloudio/hello-uniapp/blob/mas

秒速五厘米/ 2022年10月27日 13:48/ 0 赞/ 1002 阅读

相关 uni-app editor富文本编辑器

<form @submit="formCompany" @reset="formReset"> <view class="uni-form-item uni-c

小灰灰/ 2022年10月01日 13:47/ 0 赞/ 564 阅读

相关 vue-quill-editor富文本编辑器（基于Vue脚手架）

（1）安装vue-quill-editor cnpm install vue-quill-editor --save 或 npm install vu

Dear 丶/ 2022年03月21日 04:24/ 0 赞/ 314 阅读

相关 Editor富文本编辑器（图片上传）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXBl

小咪咪/ 2022年01月12日 15:33/ 0 赞/ 450 阅读

相关微信小程序富文本编辑器 editor

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 富文本编辑器，可以对图片、文字进行编辑。编辑器导出内容支持带标签的 `html`和纯

逃离我推掉我的手/ 2021年09月08日 00:28/ 0 赞/ 1055 阅读