微信小程序端富文本输入
有个需求是用户端也就是小程序端,需要可以富文本发布文章。
示例:
1、 下载组件-微信小程序editor富文本编辑器组件
2、放在小程序自定义组件文件夹下
3、需要用到的页面引入该组件
"usingComponents": {"hg-editor":"/component/hg-editor/hg-editor"},
4、将之前的textarea组件替换成
<hg-editor style="font-style:normal" bind:input="textareaChang"></hg-editor>
就OK啦!
组件里有些参数可以自己设置,比如“是否显示工具栏、默认文案、字体、斜体等等”
showTabBar :是否显示工具栏(默认为true,显示,如果改为false则为不显示)
placeholder:文本框提示文字,默认为“请输入相关内容”
name:是编辑器的name属性,默认为空
uploadImageURL:图片的上传地址,默认为空
来源:微信小程序开发之富文本编辑器 | 微信开放社区
微信小程序端富文本输入相关推荐
- 小程序(二十六)微信小程序解析富文本的几种方式
微信小程序解析富文本html大概有两种方式(我发现的). 两种方法,各有各的优缺点. 一:使用小程序内置标签rich-text 这个标签解析的富文本会保留你在pc端编辑的样式,也就是说,你在pc端编辑 ...
- 若依前后端分离发布富文本框内容 | uni-app微信小程序展示富文本框内容
微信小程序端引入富文本样式 富文本提交图片json error 一.展示示例: 1.PC端前端发布界面 可以设置文字大小,居中,可以插入图片,设置图片大小,居中. 2.小程序端展示 二.基于若依框架踩 ...
- 微信小程序富文本解析点击图片放大_微信小程序解析富文本过程详解
前言 最近公司在开发OTA微信小程序,一些页面的详情内容是HTML富文本格式的的,但是微信小程序不能直接解析HTML,需要将内容中的HTML标签转换成微信小程序所支持的标签. 开始的时候想过自己写方法 ...
- 微信小程序rich-text富文本图片
背景: 本地做微信小程序项目,后台通过富文本编辑器编辑内容,在小程序页面展示时使用rich-text遇到了图片不能展示和图片尺寸过大的问题. 问题一:富文本编辑器中的图片无法展示 <rich-t ...
- 【愚公系列】2022年08月 微信小程序-(rich-text)富文本和(text)文本的详解
文章目录 前言 一.富文本使用 1.富文本的基本使用 2.富文本中预览图片 2.1 原生使用 2.2 组件封装使用 2.2.1 组件封装 2.2.2 组件使用 二.文本 1.文本属性 前言 富文本格式 ...
- 微信小程序rich-text富文本图片自适应处理
最近在做小程序,在处理富文本图片时没做相应处理,图片width没有自适应 简单的定义:img{max-width: 100%;}并没有生效 说明:微信小程序rich-text,对于样式定义仅支持sty ...
- 微信小程序rich-text富文本 图片自适应宽度
后端处理,最方便 一种方法:接口里给img标签加样式(PHP) $info['contents'] = str_replace("<img ", "<img ...
- uniapp 微信小程序 editor富文本编辑器 api 使用记录
文章目录 1.查看官方示例 2.关于富文本编辑器的工具栏 3.自己实践一下 效果 这里记录一下自己研究学习的结果 之前一直使用textarea 来进行内容的编辑.但是局限性还是太多,最近发现了edit ...
- 微信小程序 rich-text 富文本图片宽度自适应的方法
在小程序里面 展示商品详情的富文本 会有图片 会显示他原来的宽度 这时候 在手机就溢出了 这里的正确的处理办法是: 把图片的宽度改为手机屏幕对应的宽度 或者 100% uniapp WXML < ...
最新文章
- UIScrollView 使用
- python现在好找工作吗-推崇Python这么多人,为什么他们找不到工作!
- java if在内存中_全面理解Java内存模型
- ImageJ Nikon_科研人必备图像处理软件—ImageJ软件分享
- 【链表】【树形DP】最大利润(jzoj 1487)
- 转行人工智能,不得不温习的数学知识点
- 王者荣耀总决赛因天气原因延期 玩家获得皮肤碎片等补偿
- oracle 双层循环,oracle的双重for循环
- Python 科学计算—— 数值问题
- HP LINUX打印机驱动安装步骤
- sql必知必会学习记录(五)
- linux实现wifi中继,树莓派Wifi中继
- python 指定dns服务器,python实现dns解析
- 基于python、百度ocr、multiprocessing多进程、selenium网页自动化 、pyqt5界面弹出,实现发票的识别与对学校财务网站的脚本自动化上传操作的项目总结
- 周爱民对提升程序员自身技术能力的建议
- 2019年第十届蓝桥杯c/c++B组国赛决赛真题题目
- Linux编辑firmware的文件,rk3328编译Linux固件
- 恶意软件的历史和应对措施
- 虚幻引擎学习笔记——Month1 Week3
- [记录] android源码下载编译
热门文章
- javascript控制台_超越控制台日志3种在javascript中格式化控制台输出的方法
- 【java】输入输出
- 小米6android版本更新,小米6喜迎Android P的MIUI系统更新!小米向尝鲜的米粉致敬...
- 搞笑测试(在v c++上运行)
- 《聪明的投资者》书中的精髓:普通投资者耍小聪明,用美好的愿望进行交易,结果往往持续亏损,聪明的投资者用完整的系统保护财富,获得持续收益。
- win10 + NVIDIA GeForce RTX 2080 Ti + CUDA10.0 + cuDNN v7.6.5
- Java创建并执行线程的四种方法
- js数组去重的方法:
- 快速提高你的逻辑思维
- Js中对字符串中的字符进行替换