小程序富文本

小程序-富文本展示的几种方式

富文本, 小程序
文章目录
  1. 1. ♠ WxParse
  2. 2. ♠ rich-text 小程序组件
    1. 2.0.1. 一、文本节点：type = text*
    2. 2.0.2. 二、元素节点：type = node*
  • 3. ♠ towxml
  • 4. ♠ 附录
    1. 4.0.1. demo1
    2. 4.0.2. demo2

    • 富文本(内容来自网络如有侵权请联系删除)

    直接正文。

    ♠ WxParse

    这是小程序里最先使用的富文本。

    版本号: 0.3
大小: 477KB(包含emojis)。
作用: 将Html/Markdown转换为微信小程序的可视化方案
来源: [微信小程序开发论坛-weappdev](https://weappdev.com)

GitHub: https://github.com/icindy/wxParse

    优点：

    比较其他几种方式，比较完善。

    缺点：

    1、GitHub已停止更新，最后更新时间2017年11月9日。
2、不支持ol标签(已自己补充)。
3、当a标签在span标签里时，a标签无法解析到(已自己修改)。
4、斜体时，最后一个字符残缺(已自己修改)。
5、代码不简洁。同一段code除id的数字(1234)不同其他相同，写了十几遍，修改一段代码就需要做十几遍的工作。

    ♠ rich-text 小程序组件

    rich-text 小程序官方v1.4.0 (2017.07.10)增加的组件。

    基础库 1.4.0 开始支持，低版本需做兼容处理。
现支持两种节点，通过type来区分，分别是元素节点和文本节点，默认是元素节点。
元素节点时SDK大小：16KB。

    一、文本节点：type = text*

    优点：

    简单。

    缺点：

    1、性能会有所下降。
2、图片原像素展示(使用demo2时出现)。
3、ol标签数据丢失(使用demo2时出现)。
4、其他数据丢失(使用demo2时出现)。

    二、元素节点：type = node*

    优点：

    处理结果可控制。

    缺点：

    1、需要先对数据进行结构化处理，容易出现bug。
2、图片原像素展示(使用demo2时出现)。
3、ol标签数据丢失(使用demo2时出现)。
4、其他数据丢失(使用demo2时出现)。
5、当a标签在span标签里时，a标签无法解析到(已自己修改)。

    该处理过程来自GitHub分享。其中，

    js解析H5字符串，来自https://github.com/blowsie/Pure-JavaScript-HTML5-Parser。
解析后转JSON，来自https://github.com/Jxck/html2json/blob/master/src/html2json.js。
整合使适用于小程序，来自https://github.com/Chaunjie/rich-text-parser。

    ♠ towxml

    版本号: 2.1.2
大小: 567KB(已去除demo)。
作用: HTML、Markdown转微信小程序WXML(WeiXin Markup Language)渲染库。

GitHub: https://github.com/sbfkcel/towxml。

    优点：

    还在持续更新。

    缺点：

    1、标题标签(h1、h2等)下自动加上横线。
2、图片丢失(使用demo1时出现)。
3、ol标签数据丢失(使用demo2时出现)。
4、文字数据丢失(使用demo2时出现)。
5、当a标签在span标签里时，a标签无法解析到。
6、整体外自动加左右边距。
7、加载速度慢，对比【WxParse】，【rich-text】。
8、开启代码保护功能时，markdown-it.js及附属 文件会报错。

    ♠ 附录

    盒奇多-小程序里做了部分数据测试

    以下是两组测试数据

    demo1

    1
    2
    <ol><li><font color=\"#000099\" face=\"Impact\" style=\"\" size=\"4\"><b style=\"\"><i style=\"\"><u style=\"\">3253246346</u></i></b></font></li><li><font color=\"#000099\" face=\"Impact\" size=\"4\"><b><i><u>35243634</u></i></b></font></li><li style=\"\"><font color=\"#000099\" face=\"Impact\" size=\"4\"><b><i><u>1111111111</u></i></b></font></li><li style=\"\"><font color=\"#000099\" face=\"Impact\" size=\"4\"><b><i><u>334235346453746578</u></i></b></font></li><li style=\"\"><font color=\"#000099\" face=\"Impact\" size=\"4\"><b><i><u>32546357457658</u></i></b></font></li><li style=\"\"><font color=\"#000099\" face=\"Impact\" style=\"\" size=\"4\"><b style=\"\"><i style=\"\"><u style=\"\">46347457568</u></i></b></font></li></ol>
    <div style=""><i style=""><u style=""><b style="">你好 请欣赏</b></u></i><div style=""><i style=""><u style=""><b style="">1</b></u></i></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/20190417_05.jpeg.jpeg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><br></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><br></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u>2</u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/20190417_02.jpeg.jpeg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><br></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><br></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u>3</u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/10959_01.jpeg.jpeg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><br></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><br></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><br></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><br></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><br></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u>4</u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/10959_02.jpeg.jpeg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><br></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u>5</u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/1722046.jpg.jpg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><br></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike>6</strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/1721037.jpg.jpg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike>7</strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike>8</strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/1721036.jpg.jpg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike>9</strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/1721040.jpg.jpg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike>10</strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/1721034.jpg.jpg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike>11</strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/1721033.jpg.jpg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike>12</strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/S911127-04.jpeg.jpg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike><br></strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><br></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><b><i><u><strike>13</strike></u></i></b></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><br></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><img src="http://oss2.nexttao.com/shopforce/images/20190417_01.jpeg.jpeg"></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><br></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><br></div><div style="color: rgb(76, 76, 76); font-size: 13px;"><br></div></div>

    demo2

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    <div id="page-content" style="margin: 0px; padding: 32px 16px 12px; background-color: #ffffff; color: #333333; font-family: -apple-system-font, system-ui, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 16px; letter-spacing: 0.544px;">
    <div style="margin: 0px auto; padding: 0px; max-width: 677px;">
    <div id="img-content" style="margin: 0px; padding: 0px;">
    <h2></h2>
    </div>
    </div>
    </div>
    <div id="page-content" style="margin: 0px; padding: 32px 16px 12px; background-color: #ffffff; color: #333333; font-family: -apple-system-font, system-ui, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 16px; letter-spacing: 0.544px;">
    <div style="margin: 0px auto; padding: 0px; max-width: 677px;">
    <div id="img-content" style="margin: 0px; padding: 0px;">
    <h2>两个幻境小故事，博君一笑！</h2>
    <div id="meta_content" style="margin: 0px 0px 22px; padding: 0px; line-height: 20px; font-size: 0px; overflow-wrap: break-word; word-break: break-all; position: relative; z-index: 1;"><span id="copyright_logo" rich_media_meta_text="" style="margin: 0px 0px 10px; padding: 0px; display: inline-block; vertical-align: middle; font-size: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.3);">原创：</span>&nbsp;<span style="margin: 0px 10px 10px 0px; padding: 0px; display: inline-block; vertical-align: middle; font-size: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.3);">雾外江山</span>&nbsp;<span id="profileBt" style="margin: 0px 10px 10px 0px; padding: 0px; display: inline-block; vertical-align: middle; font-size: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;"><a id="js_name" style="margin: 0px; padding: 0px; color: #576b95; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">雾外江山</a></span>&nbsp;<span id="publish_time" style="margin: 0px 10px 10px 0px; padding: 0px; display: inline-block; vertical-align: middle; font-size: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.3);">2017-06-06</span></div>
    <div id="js_content" style="margin: 0px; padding: 0px; overflow: hidden; font-size: 17px; overflow-wrap: break-word; hyphens: auto; text-align: justify; position: relative; z-index: 0;">
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 18px;">前几天做梦，在梦中好像窥视到一个奇异的世界，十分有趣，发出来，大家一笑。<br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;" />
    </span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 18px;">那个时代，有些类似上个世纪初，清末民初，外国资本大量入侵，国家处于改变的前夕&#8230;&#8230;</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;">真实梦境&#8230;&#8230;</p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px;">上海的弄堂里面</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">兰姐，做着</span>神熏<span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">，几个富太太在此，穿小衣，躺在床上，围成一圈。</span></span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: &quot;Times New Roman&quot;;"><span style="margin: 0px; padding: 0px; max-width: 100%; font-family: 宋体; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">神熏</span></span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">是一种，近乎残忍方法，用热水烫毛巾，激活里面的中草药，给女人们用。</span></span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">这是一种极其强大的掌控力，滚开的开水，不伤到自己，恰好可以将毛巾烫热，激活药性，还不能烫到客人，一般人做不了，只能假托于鬼神之力。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">女人们在此聊天，各种家长里短&#8230;&#8230;</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">一圈床位的分配，毛巾先后的次序，就是一种无形的竞争。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">这是比拼家里的财力，背景，人脉，出手的大方，在那热毛巾之中，借助其中激活的药性，还有那虚假</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px; line-height: 30.4px;">鬼神之力</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px; line-height: 1.6;">的安慰，将自己的身体达到奇异的舒服状态。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px; line-height: 1.6;">神熏做完，诸多女的开始聊天，各种经济不好，生意难做，又有人说外国进来的机械<span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">神熏特别便宜。</span></span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px; line-height: 1.6;">虽然话语之中都是鄙视，邪道，但是对方价格优势太明显。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px; line-height: 1.6;">一个个太太，话里话外，都是希望</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px; line-height: 1.6;">兰姐优惠。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; line-height: 30.4px;">兰姐看着烫红的双手，默默无语&#8230;&#8230;</span></span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; line-height: 30.4px;"><img data-s="300,640" data-type="png" data-src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2Ophcy4ciaicgDjbicltI71XOianMx2r709alnhKpkYvGjnkJyY55Zicg3cbKCg/0?wx_fmt=png" data-ratio="1.1785714285714286" data-w="476" _width="476px" src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2Ophcy4ciaicgDjbicltI71XOianMx2r709alnhKpkYvGjnkJyY55Zicg3cbKCg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" crossorigin="anonymous" data-fail="0" style="margin: 0px; padding: 0px; max-width: 100%; line-height: 25.6px; height: auto !important; box-sizing: border-box !important; overflow-wrap: break-word !important; width: 476px !important; visibility: visible !important;" alt="" /></span></span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">四川，唐园，马尿</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px; line-height: 30.4px;">师父王师傅</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px; line-height: 1.6;">。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;"><span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">王师傅</span>吃下用马尿酿制的特别药丸，黄酒喝下，然后开始为大家，类似一种茶会，<span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">王师傅</span>用长长的茶壶，<span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">分茶</span>。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">这种马尿药丸，吃下去后，<span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">王师傅</span>处于一种癫疯状态，这种药丸对<span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">王师傅</span>的身体会构成一种伤害。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">有马尿师父，吃的是假的马尿药丸，但是发现会被喝茶者打死。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;"><span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">王师傅</span>吃得是真的马尿，其中含有专注成份，使他进入一种奇异状态，神神叨叨，疯疯癫癫。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">在唐园中，不少客人在此，等待<span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">王师傅</span>进行分茶。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">在此过程中，<span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">王师傅</span>恰到好处的泡茶，会让他们身体暖洋洋，达到一种和谐的舒服，类似吸毒的快感。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">其中有人进行斗茶，带来好茶，成为茶会的魁首，<span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">王师傅</span>进行鉴定胜负，不差分毫。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">他处于一种游神状态，宣称请神入体，众人对他，有些敬畏。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">主持大会的是<span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">王师傅</span>的女儿，开始说唱，弹琴，敬茶，带动整个茶局的情绪。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">众人有人调戏她，有的要包养她，她巧妙的拒绝，大家都是以此为乐。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">在这个状态，会有人进行一些尝试，修炼。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">费道长就是算了一卦，算完卦将自己的黄金卦签给了<span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">王师傅的女儿</span>，要去参加黄埔军校，走出去看看这个世界。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;">其实他们两个互相暗恋，大家都知道。</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 19px; font-family: 宋体;"><span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 30.4px; box-sizing: border-box !important; overflow-wrap: break-word !important;">王师傅的女儿</span>送他，问爹我们去不去，黄老板的例子钱，越来越少，经济不好，我们也出去试一试？</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px; line-height: 30.4px;">王师傅看着手中的茶壶，久久不语&#8230;&#8230;</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px; line-height: 30.4px;">不知道为什么会梦到这两个场景，感觉很有意思，不同于现实，却又栩栩如生，发出来大家看看，博君一乐！</span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 19px; line-height: 30.4px;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;" />
    </span></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><img data-s="300,640" data-type="png" data-src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2OphsyyU2rIo23ujibWRc1iaOSuVzfJ0GEyWrnMuE1COGNolpp3t5aMGHrsA/0?wx_fmt=png" data-ratio="0.6186348862405201" data-w="923" _width="677px" src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2OphsyyU2rIo23ujibWRc1iaOSuVzfJ0GEyWrnMuE1COGNolpp3t5aMGHrsA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" crossorigin="anonymous" data-fail="0" style="margin: 0px; padding: 0px; height: auto !important; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; width: 677px !important; visibility: visible !important;" alt="" /></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;" />
    </p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><img data-s="300,640" data-type="png" data-src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2OpheqgicYv6ZPldeQZIAvtUeDSaxyuMOP2M07lOVj8tDLQxvz8dT9aCsVg/0?wx_fmt=png" data-ratio="0.7972222222222223" data-w="720" _width="677px" src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2OpheqgicYv6ZPldeQZIAvtUeDSaxyuMOP2M07lOVj8tDLQxvz8dT9aCsVg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" crossorigin="anonymous" data-fail="0" style="margin: 0px; padding: 0px; height: auto !important; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; width: 677px !important; visibility: visible !important;" alt="" /></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><img data-s="300,640" data-type="png" data-src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2Ophd9gELU6YReQ2IYcWyiaZpq5k360Uj7HCzkZtmr7ibvDIaYx8hwuuzAXg/0?wx_fmt=png" data-ratio="0.6736694677871149" data-w="714" _width="677px" src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2Ophd9gELU6YReQ2IYcWyiaZpq5k360Uj7HCzkZtmr7ibvDIaYx8hwuuzAXg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" crossorigin="anonymous" data-fail="0" style="margin: 0px; padding: 0px; height: auto !important; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; width: 677px !important; visibility: visible !important;" alt="" /></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><img data-s="300,640" data-type="png" data-src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2OphxZ5R4YkibgaaQlcI13RtsS5JDkWI4MdtfofkYISicvUGa2UBZJac3v5g/0?wx_fmt=png" data-ratio="0.6416382252559727" data-w="879" _width="677px" src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2OphxZ5R4YkibgaaQlcI13RtsS5JDkWI4MdtfofkYISicvUGa2UBZJac3v5g/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" crossorigin="anonymous" data-fail="0" style="margin: 0px; padding: 0px; height: auto !important; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; width: 677px !important; visibility: visible !important;" alt="" /></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><img data-s="300,640" data-type="png" data-src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2OphOQ8uguTVlkWBIPf0bkZgicPTLZtI3LQCiah62o90KZXHZnnSczpdfzRg/0?wx_fmt=png" data-ratio="0.6827262044653349" data-w="851" _width="677px" src="http://mmbiz.qpic.cn/mmbiz_png/7TwgrbGuXWz50KusVWudmjFDMicpU2OphOQ8uguTVlkWBIPf0bkZgicPTLZtI3LQCiah62o90KZXHZnnSczpdfzRg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" crossorigin="anonymous" data-fail="0" style="margin: 0px; padding: 0px; height: auto !important; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; width: 677px !important; visibility: visible !important;" alt="" /></p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;" />
    </p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;" />
    </p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;" />
    </p>
    <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;" />
    </p>
    </div>
    </div>
    <div id="js_toobar3" style="margin: 0px; padding: 15px 0px 0px; overflow: hidden; line-height: 32px; font-size: 15px;"></div>
    </div>
    </div>
    <div style="margin: 0px; padding: 0px 16px 24px; color: #333333; font-family: -apple-system-font, system-ui, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 16px; letter-spacing: 0.544px; background-color: #f2f2f2;">
    <div style="margin: 0px auto; padding: 0px; max-width: 677px;">
    <div id="js_share_appmsg" style="margin: 0px; padding: 0px;"></div>
    </div>
    </div>
    <div id="js_pc_qr_code" style="margin: 0px; padding: 0px; position: fixed; left: 0px; right: 0px; top: 32px; color: #717375; text-align: center; font-family: -apple-system-font, system-ui, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 16px; letter-spacing: 0.544px; background-color: #f2f2f2;">
    <div style="margin: 0px auto; padding: 0px; position: relative; width: 740px;">
    <div style="margin: 0px; padding: 16px; position: absolute; right: -140px; top: 0px; width: 140px; background-color: #ffffff; overflow-wrap: break-word; word-break: break-all; box-sizing: border-box;">
    <p style="margin: 0px; padding: 0px; font-size: 14px; line-height: 20px;"></p>
    </div>
    </div>
    </div>









    demo1 demo2

    （幽蛰 写于 2019.06.10）

    分享到： QQ空间 新浪微博 腾讯微博 微信 更多