uni-app editor富文本编辑器

<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 = thisuni.createSelectorQuery().select('#editor').context((res) => {this.editorCtx = res.contextthis.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}}}

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

小程序的四次元口袋：editor富文本编辑器的使用、渲染，以及rich-text进行解析
editor富文本 1.介绍富文本编辑器,可以对图片.文字进行编辑.极大地丰富了我们文章的结构样式,之前小程序还没有自己开发富文本插件,而在2019年微信小程序正式发布了富文本api. 支持的类型 ...
小程序editor 富文本编辑器组件
效果: 关于editor 富文本编辑器组件复制到组件common 里面.json 引用即可链接:https://pan.baidu.com/s/1_QIp28IOVuyVFfKfFZwxKQ 提取 ...
froala editor富文本编辑器出现验证失败的解决方法
froala editor富文本编辑器出现验证失败的解决方法出现这种情况,首先要下载源码包地址 https://www.froala.com/wysiwyg-editor 之后引用本地的 froal ...
uniapp 微信小程序 editor富文本编辑器 api 使用记录
文章目录 1.查看官方示例 2.关于富文本编辑器的工具栏 3.自己实践一下效果这里记录一下自己研究学习的结果之前一直使用textarea 来进行内容的编辑.但是局限性还是太多,最近发现了edit ...
云开发小程序editor富文本编辑器上传图片实现增删改
在做一个博客小程序,用的是云开发,用editor编辑器上传图片,一开始直接传图片会出现真机不显示的情况,排查原因后发现是因为传入的是本地路径,而小程序要求的是https或者云id,于是做了以下修改:先 ...
【uniapp-内置组件editor富文本编辑器】
在b站跟着咸虾米老师学的 editor组件 <template><view class="edit"><view class="title& ...
uniapp editor富文本编辑器，h5富文本编辑器封装成插件
重点提示:工具栏的图标请自行在iconfont(https://www.iconfont.cn/)去添加,否则图标无法显示公司业务需求,需要在h5实现富文本编辑功能.uniapp的editor可以实 ...
Toast UI Editor富文本编辑器
安装npm $ npm install @toast-ui/editor 存在一定的被墙风险 $ npm install @toast-ui/editor @<版本> 存在一定的被墙风险 ...
使用微信小程序editor富文本编辑器（爬坑要点）
编辑器wxml <view class="container" style="height:{{editorHeight}}px;"><edi ...

uni-app editor富文本编辑器

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

最新文章

热门文章