Skip to content

hellohejinyu/wx-miniParse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

wx-miniParse

微信小程序 HTML Parse,用来将 HTML 字符串解析成微信小程序专用标签 其实 GitHub 上已经有此库,但是因为我的数据已经清洗过了,所以结构很简单,就自己写了个简单的解析库

小程序新闻详情页后台数据格式规范讨论

h1 - h3 标签

用来显示新闻详情页的标题

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>

a 标签(行内标签,即不会另起一行)

超链接标签,用来进行小程序内部跳转

<a href="#">另一条新闻</a>

p 标签

用来显示新闻详情页正文

<p>这是一则正文消息</p>

section 标签

用来显示内容之间的引言,描述等,一般是一个矩形灰色块中间有一些文字

<section>这是一段引言和描述文字</section>

strong 标签(行内标签,即不会另起一行)

用来加粗内容显示,支持嵌套在 p 标签中,如果想要一整行加粗,则可以如下代码

<p><strong>我会被加粗显示,而且因为在 p 标签里面,所以我会单独占据一行。</strong></p>
<p>当然我也可以<strong>加粗</strong>我想要加粗的部分。</p>

small 标签

用来显示描述性文本,会被不着重显示

<small>上面的图片真好看</small>

img 标签

图片标签,用来显示图片

<img src="xxx.jpg" />

audio video 标签

用来播放音频及视频信息

<audio src="xxx.mp3"></audio>
<video src="xxx.mp4"></video>

最终

Server 传递一个 html 字符串,小程序前端解析生成小程序专用标签,下面是一个新闻的示例 html

<p>买一个小小的房子,在房间的每一个地方摆上自己喜欢的家具这才叫做家。小编呕心沥血整理了2016小众家居品牌,分为国内篇/北欧篇/日本篇,快来看看有没有你喜欢的品牌吧。</p>
<h1>国内篇</h1>
<p>最近几年,国内已经悄无声息的崛起了一大批原创品牌家居。时尚品位和做工不输一些国际大牌,甚至还带有独特的文化印记。</p>
<h2>梵几</h2>
<p>过目难忘的平凡。创始人高古奇说,‘梵’字本意为‘清净’、‘寂静’的意思,‘几’即为具,梵几就是‘清净的家具’。从谐音来讲为‘凡几’,就是‘平凡的家具’,我希望自己的家具不是跳脱于生活的,而是自然的融合在生活当中的。大家选择梵几,因材质、或因中式感,或因视觉化的偏爱。这些都与家具的“设计”本身有关,但对古奇来说,设计是主观的,真正的实用性却最终需要在实际环境、装修过程中被检验。</p>
<img src="xxx.jpg" />
<img src="xxx.jpg" />
<h2>失物招领</h2>
<p>“失物招领”里每件物品都有个有趣的名字以及来历,灵感来源有时是胡同口一把无人认领的破旧的沙发椅,有时是那些在街上下象棋的大爷坐的小板凳,将一种失去的感伤去寻回珍惜的情感,十分有爱。</p>
<img src="xxx.jpg" />
<img src="xxx.jpg" />

About

Wechat mini program html parse.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages