微信小程序富文本组件wxParse
项目地址:https://github.com/icindy/wxParse
1 打开项目地址,下载项目文件
2 将wxParse文件夹粘贴到项目
3 新建页面 “pages/home/rich_content/rich_content”
4 rich_content.js
var WxParse = require('../../wxParse/wxParse.js');
// pages/home/rich_content/rich_content.js
Page({data: {},onLoad: function (options) {// 页面初始化 options为页面跳转所带来的参数var article = '<div style="color:red">我是<br>HTML代码</div>';/*** WxParse.wxParse(bindName , type, data, target,imagePadding)* 1.bindName绑定的数据名(必填)* 2.type可以为html或者md(必填)* 3.data为传入的具体数据(必填)* 4.target为Page对象,一般为this(必填)* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)*/var that = this;WxParse.wxParse('article', 'html', article, that, 5);}
})
5 rich_content.wxml
<import src="../../wxParse/wxParse.wxml"/>
<!--这里data中article为bindName-->
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>
6 rich_content.wxss
@import "../../wxParse/wxParse.wxss";
效果图:
微信小程序富文本组件wxParse相关推荐
- 微信小程序 富文本组件使用
能够使用微信小程序提供的富文本组件及引入的第三方富文本组件 掌握使用微信小程序的表单组件 掌握使用微信小程序的form表单及如何提交数据 掌握使用微信小程序的导航及跳转组件 一.基础内容组件 1.1 ...
- 微信小程序富文本组件mp-html
功能介绍 支持在多个主流的小程序平台和 uni-app 中使用 支持丰富的标签(包括 table.video.svg 等) 支持丰富的事件效果(自动预览图片.链接处理等) 支持设置占位图(加载中.出错 ...
- 微信小程序-富文本插件wxParse
一.准备工作 github下载waParse插件,地址:https://github.com/icindy/wxParse 放到小程序目录下:和utils平级 二.使用 //WXML页面 <im ...
- 微信小程序 富文本编辑器组件 editor
微信小程序 富文本编辑器组件 editor <view class="container"><view class="titlebox"> ...
- 微信小程序富文本编辑器获取内容
1.新建wxParse文件夹 里面的结构是这样:wxParse :{ emojis (文件夹) html2json.js (文件) htmlparser.js(文件) showdown.js (文件) ...
- 微信小程序富文本解析
微信小程序富文本解析 *人狠话不多,直接代码搞起* html代码(后台返回的html代码) <p>这是一段文字</p><p><strong>这是加粗的字 ...
- 微信小程序富文本处理
微信小程序富文本处理 wxml页面代码: <rich-text nodes ="{{content.content}}"></rich-text> ts代码 ...
- 微信小程序富文本渲染(rich-text)换行失效
微信小程序富文本渲染(rich-text)换行失效 给rich-text标签加css 样式 white-space: pre;
- 微信小程序富文本修改图片的大小
一.先言 有时后端直接返回的富文本内容,前端展示的时候会出现图片太大或太小,所以需要处理一下,,,实现并不难,主要是利用replace方法全局替换图片img标签的style样式,修改其宽度样式. 二. ...
最新文章
- 桌面虚拟化之远程协助
- HP-UX 六大虚拟化技术之“分区”
- 把libreoffice集成到网页中_Python3.7.3安装教程并集成Sublime Text3
- WEB Struts2 中OGNL的用法
- Jack (Java Android Compiler Kit)
- 有一个懂机械、懂焊接、懂电子的爹是什么概念。。。
- python异或运算怎么算_小强学Python+OpenCV之-1.4.4掩膜mask及位运算(与、或、非、异或)...
- 防止对SQL Server的蛮力攻击
- “为什么中国没有Apache基金会这样的组织?”
- 计算机英语小短文单词易懂,少儿英语小短文:计算机
- python脚本转换为EXE文件
- 管理系统中计算机er图怎么画,er图怎么画?数据库E-R图画法教程详解
- 利用dialogArguments进行网页页面传值
- 数据分析EXCEL常用统计函数
- 微信小程序获取用户手机号异常的问题解决
- win10动态壁纸设置
- redis读写分离之lettuce
- 散列表查找——线性探测法
- JavaScript之移动端网页特效与本地存储(57th)
- 11张图读懂可口可乐供应链的管理精髓