| 事件 | 126 |触发顺序 | 127 |
|---|---|
| 单击 | 130 |touchstart → touchend → tap | 131 |
| 双击 | 134 |touchstart → touchend → tap → touchstart → touchend → tap | 135 |
| 长按 | 138 |touchstart → longtap → touchend → tap | 139 |
137 | // add to parents
138 | var parent = bufArray[0] || results;
139 | if (parent.nodes === undefined) {
140 | parent.nodes = [];
141 | }
142 | parent.nodes.push(node);
143 | } else {
144 | bufArray.unshift(node);
145 | }
146 | },
147 | end: function (tag) {
148 | //debug(tag);
149 | // merge into parent tag
150 | var node = bufArray.shift();
151 | if (node.tag !== tag) console.error('invalid state: mismatch end tag');
152 |
153 | if (bufArray.length === 0) {
154 | results.nodes.push(node);
155 | } else {
156 | var parent = bufArray[0];
157 | if (parent.nodes === undefined) {
158 | parent.nodes = [];
159 | }
160 | parent.nodes.push(node);
161 | }
162 | },
163 | chars: function (text) {
164 | //debug(text);
165 | var node = {
166 | node: 'text',
167 | text: text,
168 | textArray:transEmojiStr(text)
169 | };
170 |
171 | if (bufArray.length === 0) {
172 | results.nodes.push(node);
173 | } else {
174 | var parent = bufArray[0];
175 | if (parent.nodes === undefined) {
176 | parent.nodes = [];
177 | }
178 | parent.nodes.push(node);
179 | }
180 | },
181 | comment: function (text) {
182 | //debug(text);
183 | var node = {
184 | node: 'comment',
185 | text: text,
186 | };
187 | var parent = bufArray[0];
188 | if (parent.nodes === undefined) {
189 | parent.nodes = [];
190 | }
191 | parent.nodes.push(node);
192 | },
193 | });
194 | return results;
195 | };
196 |
197 | function transEmojiStr(str){
198 | // var eReg = new RegExp("["+__reg+' '+"]");
199 | // str = str.replace(/\[([^\[\]]+)\]/g,':$1:')
200 |
201 | var emojiObjs = [];
202 | //如果正则表达式为空
203 | if(__emojisReg.length == 0 || !__emojis){
204 | var emojiObj = {}
205 | emojiObj.node = "text";
206 | emojiObj.text = str;
207 | array = [emojiObj];
208 | return array;
209 | }
210 | //这个地方需要调整
211 | str = str.replace(/\[([^\[\]]+)\]/g,':$1:')
212 | var eReg = new RegExp("[:]");
213 | var array = str.split(eReg);
214 | for(var i = 0; i < array.length; i++){
215 | var ele = array[i];
216 | var emojiObj = {};
217 | if(__emojis[ele]){
218 | emojiObj.node = "element";
219 | emojiObj.tag = "emoji";
220 | emojiObj.text = __emojis[ele];
221 | emojiObj.baseSrc= __emojisBaseSrc;
222 | }else{
223 | emojiObj.node = "text";
224 | emojiObj.text = ele;
225 | }
226 | emojiObjs.push(emojiObj);
227 | }
228 |
229 | return emojiObjs;
230 | }
231 |
232 | function emojisInit(reg='',baseSrc="/wxParse/emojis/",emojis){
233 | __emojisReg = reg;
234 | __emojisBaseSrc=baseSrc;
235 | __emojis=emojis;
236 | }
237 |
238 | module.exports = {
239 | html2json: html2json,
240 | emojisInit:emojisInit
241 | };
242 |
243 |
--------------------------------------------------------------------------------
/chaptor_07/wxParse/htmlparser.js:
--------------------------------------------------------------------------------
1 | /**
2 | * author: Di (微信小程序开发工程师)
3 | * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
4 | * 垂直微信小程序开发交流社区
5 | *
6 | * github地址: https://github.com/icindy/wxParse
7 | *
8 | * for: 微信小程序富文本解析
9 | * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
10 | */
11 | // Regular Expressions for parsing tags and attributes
12 | var startTag = /^<([-A-Za-z0-9_]+)((?:\s+[a-zA-Z_:][-a-zA-Z0-9_:.]*(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/,
13 | endTag = /^<\/([-A-Za-z0-9_]+)[^>]*>/,
14 | attr = /([a-zA-Z_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g;
15 |
16 | // Empty Elements - HTML 5
17 | var empty = makeMap("area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr");
18 |
19 | // Block Elements - HTML 5
20 | var block = makeMap("a,address,code,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video");
21 |
22 | // Inline Elements - HTML 5
23 | var inline = makeMap("abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var");
24 |
25 | // Elements that you can, intentionally, leave open
26 | // (and which close themselves)
27 | var closeSelf = makeMap("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr");
28 |
29 | // Attributes that have their values filled in disabled="disabled"
30 | var fillAttrs = makeMap("checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected");
31 |
32 | // Special Elements (can contain anything)
33 | var special = makeMap("wxxxcode-style,script,style,view,scroll-view,block");
34 |
35 | function HTMLParser(html, handler) {
36 | var index, chars, match, stack = [], last = html;
37 | stack.last = function () {
38 | return this[this.length - 1];
39 | };
40 |
41 | while (html) {
42 | chars = true;
43 |
44 | // Make sure we're not in a script or style element
45 | if (!stack.last() || !special[stack.last()]) {
46 |
47 | // Comment
48 | if (html.indexOf("");
50 |
51 | if (index >= 0) {
52 | if (handler.comment)
53 | handler.comment(html.substring(4, index));
54 | html = html.substring(index + 3);
55 | chars = false;
56 | }
57 |
58 | // end tag
59 | } else if (html.indexOf("]*>"), function (all, text) {
92 | text = text.replace(/|/g, "$1$2");
93 | if (handler.chars)
94 | handler.chars(text);
95 |
96 | return "";
97 | });
98 |
99 |
100 | parseEndTag("", stack.last());
101 | }
102 |
103 | if (html == last)
104 | throw "Parse Error: " + html;
105 | last = html;
106 | }
107 |
108 | // Clean up any remaining tags
109 | parseEndTag();
110 |
111 | function parseStartTag(tag, tagName, rest, unary) {
112 | tagName = tagName.toLowerCase();
113 |
114 | if (block[tagName]) {
115 | while (stack.last() && inline[stack.last()]) {
116 | parseEndTag("", stack.last());
117 | }
118 | }
119 |
120 | if (closeSelf[tagName] && stack.last() == tagName) {
121 | parseEndTag("", tagName);
122 | }
123 |
124 | unary = empty[tagName] || !!unary;
125 |
126 | if (!unary)
127 | stack.push(tagName);
128 |
129 | if (handler.start) {
130 | var attrs = [];
131 |
132 | rest.replace(attr, function (match, name) {
133 | var value = arguments[2] ? arguments[2] :
134 | arguments[3] ? arguments[3] :
135 | arguments[4] ? arguments[4] :
136 | fillAttrs[name] ? name : "";
137 |
138 | attrs.push({
139 | name: name,
140 | value: value,
141 | escaped: value.replace(/(^|[^\\])"/g, '$1\\\"') //"
142 | });
143 | });
144 |
145 | if (handler.start) {
146 | handler.start(tagName, attrs, unary);
147 | }
148 |
149 | }
150 | }
151 |
152 | function parseEndTag(tag, tagName) {
153 | // If no tag name is provided, clean shop
154 | if (!tagName)
155 | var pos = 0;
156 |
157 | // Find the closest opened tag of the same type
158 | else
159 | for (var pos = stack.length - 1; pos >= 0; pos--)
160 | if (stack[pos] == tagName)
161 | break;
162 |
163 | if (pos >= 0) {
164 | // Close all the open elements, up the stack
165 | for (var i = stack.length - 1; i >= pos; i--)
166 | if (handler.end)
167 | handler.end(stack[i]);
168 |
169 | // Remove the open elements from the stack
170 | stack.length = pos;
171 | }
172 | }
173 | };
174 |
175 | function makeMap(str) {
176 | var obj = {}, items = str.split(",");
177 | for (var i = 0; i < items.length; i++)
178 | obj[items[i]] = true;
179 | return obj;
180 | }
181 |
182 | module.exports = HTMLParser;
183 |
--------------------------------------------------------------------------------
/chaptor_07/wxParse/wxDiscode.js:
--------------------------------------------------------------------------------
1 | // HTML 支持的数学符号
2 | function strNumDiscode(str){
3 | str = str.replace(/∀/g, '∀');
4 | str = str.replace(/∂/g, '∂');
5 | str = str.replace(/&exists;/g, '∃');
6 | str = str.replace(/∅/g, '∅');
7 | str = str.replace(/∇/g, '∇');
8 | str = str.replace(/∈/g, '∈');
9 | str = str.replace(/∉/g, '∉');
10 | str = str.replace(/∋/g, '∋');
11 | str = str.replace(/∏/g, '∏');
12 | str = str.replace(/∑/g, '∑');
13 | str = str.replace(/−/g, '−');
14 | str = str.replace(/∗/g, '∗');
15 | str = str.replace(/√/g, '√');
16 | str = str.replace(/∝/g, '∝');
17 | str = str.replace(/∞/g, '∞');
18 | str = str.replace(/∠/g, '∠');
19 | str = str.replace(/∧/g, '∧');
20 | str = str.replace(/∨/g, '∨');
21 | str = str.replace(/∩/g, '∩');
22 | str = str.replace(/∩/g, '∪');
23 | str = str.replace(/∫/g, '∫');
24 | str = str.replace(/∴/g, '∴');
25 | str = str.replace(/∼/g, '∼');
26 | str = str.replace(/≅/g, '≅');
27 | str = str.replace(/≈/g, '≈');
28 | str = str.replace(/≠/g, '≠');
29 | str = str.replace(/≤/g, '≤');
30 | str = str.replace(/≥/g, '≥');
31 | str = str.replace(/⊂/g, '⊂');
32 | str = str.replace(/⊃/g, '⊃');
33 | str = str.replace(/⊄/g, '⊄');
34 | str = str.replace(/⊆/g, '⊆');
35 | str = str.replace(/⊇/g, '⊇');
36 | str = str.replace(/⊕/g, '⊕');
37 | str = str.replace(/⊗/g, '⊗');
38 | str = str.replace(/⊥/g, '⊥');
39 | str = str.replace(/⋅/g, '⋅');
40 | return str;
41 | }
42 |
43 | //HTML 支持的希腊字母
44 | function strGreeceDiscode(str){
45 | str = str.replace(/Α/g, 'Α');
46 | str = str.replace(/Β/g, 'Β');
47 | str = str.replace(/Γ/g, 'Γ');
48 | str = str.replace(/Δ/g, 'Δ');
49 | str = str.replace(/Ε/g, 'Ε');
50 | str = str.replace(/Ζ/g, 'Ζ');
51 | str = str.replace(/Η/g, 'Η');
52 | str = str.replace(/Θ/g, 'Θ');
53 | str = str.replace(/Ι/g, 'Ι');
54 | str = str.replace(/Κ/g, 'Κ');
55 | str = str.replace(/Λ/g, 'Λ');
56 | str = str.replace(/Μ/g, 'Μ');
57 | str = str.replace(/Ν/g, 'Ν');
58 | str = str.replace(/Ξ/g, 'Ν');
59 | str = str.replace(/Ο/g, 'Ο');
60 | str = str.replace(/Π/g, 'Π');
61 | str = str.replace(/Ρ/g, 'Ρ');
62 | str = str.replace(/Σ/g, 'Σ');
63 | str = str.replace(/Τ/g, 'Τ');
64 | str = str.replace(/Υ/g, 'Υ');
65 | str = str.replace(/Φ/g, 'Φ');
66 | str = str.replace(/Χ/g, 'Χ');
67 | str = str.replace(/Ψ/g, 'Ψ');
68 | str = str.replace(/Ω/g, 'Ω');
69 |
70 | str = str.replace(/α/g, 'α');
71 | str = str.replace(/β/g, 'β');
72 | str = str.replace(/γ/g, 'γ');
73 | str = str.replace(/δ/g, 'δ');
74 | str = str.replace(/ε/g, 'ε');
75 | str = str.replace(/ζ/g, 'ζ');
76 | str = str.replace(/η/g, 'η');
77 | str = str.replace(/θ/g, 'θ');
78 | str = str.replace(/ι/g, 'ι');
79 | str = str.replace(/κ/g, 'κ');
80 | str = str.replace(/λ/g, 'λ');
81 | str = str.replace(/μ/g, 'μ');
82 | str = str.replace(/ν/g, 'ν');
83 | str = str.replace(/ξ/g, 'ξ');
84 | str = str.replace(/ο/g, 'ο');
85 | str = str.replace(/π/g, 'π');
86 | str = str.replace(/ρ/g, 'ρ');
87 | str = str.replace(/ς/g, 'ς');
88 | str = str.replace(/σ/g, 'σ');
89 | str = str.replace(/τ/g, 'τ');
90 | str = str.replace(/υ/g, 'υ');
91 | str = str.replace(/φ/g, 'φ');
92 | str = str.replace(/χ/g, 'χ');
93 | str = str.replace(/ψ/g, 'ψ');
94 | str = str.replace(/ω/g, 'ω');
95 | str = str.replace(/ϑ/g, 'ϑ');
96 | str = str.replace(/ϒ/g, 'ϒ');
97 | str = str.replace(/ϖ/g, 'ϖ');
98 | str = str.replace(/·/g, '·');
99 | return str;
100 | }
101 |
102 | //
103 |
104 | function strcharacterDiscode(str){
105 | // 加入常用解析
106 | str = str.replace(/ /g, ' ');
107 | str = str.replace(/"/g, '"');
108 | str = str.replace(/&/g, '&');
109 | // str = str.replace(/</g, '‹');
110 | // str = str.replace(/>/g, '›');
111 |
112 | str = str.replace(/</g, '<');
113 | str = str.replace(/>/g, '>');
114 |
115 | return str;
116 | }
117 |
118 | // HTML 支持的其他实体
119 | function strOtherDiscode(str){
120 | str = str.replace(/Œ/g, 'Œ');
121 | str = str.replace(/œ/g, 'œ');
122 | str = str.replace(/Š/g, 'Š');
123 | str = str.replace(/š/g, 'š');
124 | str = str.replace(/Ÿ/g, 'Ÿ');
125 | str = str.replace(/ƒ/g, 'ƒ');
126 | str = str.replace(/ˆ/g, 'ˆ');
127 | str = str.replace(/˜/g, '˜');
128 | str = str.replace(/ /g, '');
129 | str = str.replace(/ /g, '');
130 | str = str.replace(/ /g, '');
131 | str = str.replace(//g, '');
132 | str = str.replace(//g, '');
133 | str = str.replace(//g, '');
134 | str = str.replace(//g, '');
135 | str = str.replace(/–/g, '–');
136 | str = str.replace(/—/g, '—');
137 | str = str.replace(/‘/g, '‘');
138 | str = str.replace(/’/g, '’');
139 | str = str.replace(/‚/g, '‚');
140 | str = str.replace(/“/g, '“');
141 | str = str.replace(/”/g, '”');
142 | str = str.replace(/„/g, '„');
143 | str = str.replace(/†/g, '†');
144 | str = str.replace(/‡/g, '‡');
145 | str = str.replace(/•/g, '•');
146 | str = str.replace(/…/g, '…');
147 | str = str.replace(/‰/g, '‰');
148 | str = str.replace(/′/g, '′');
149 | str = str.replace(/″/g, '″');
150 | str = str.replace(/‹/g, '‹');
151 | str = str.replace(/›/g, '›');
152 | str = str.replace(/‾/g, '‾');
153 | str = str.replace(/€/g, '€');
154 | str = str.replace(/™/g, '™');
155 |
156 | str = str.replace(/←/g, '←');
157 | str = str.replace(/↑/g, '↑');
158 | str = str.replace(/→/g, '→');
159 | str = str.replace(/↓/g, '↓');
160 | str = str.replace(/↔/g, '↔');
161 | str = str.replace(/↵/g, '↵');
162 | str = str.replace(/⌈/g, '⌈');
163 | str = str.replace(/⌉/g, '⌉');
164 |
165 | str = str.replace(/⌊/g, '⌊');
166 | str = str.replace(/⌋/g, '⌋');
167 | str = str.replace(/◊/g, '◊');
168 | str = str.replace(/♠/g, '♠');
169 | str = str.replace(/♣/g, '♣');
170 | str = str.replace(/♥/g, '♥');
171 |
172 | str = str.replace(/♦/g, '♦');
173 |
174 | return str;
175 | }
176 |
177 | function strMoreDiscode(str){
178 | str = str.replace(/\r\n/g,"");
179 | str = str.replace(/\n/g,"");
180 |
181 | str = str.replace(/code/g,"wxxxcode-style");
182 | return str;
183 | }
184 |
185 | function strDiscode(str){
186 | str = strNumDiscode(str);
187 | str = strGreeceDiscode(str);
188 | str = strcharacterDiscode(str);
189 | str = strOtherDiscode(str);
190 | str = strMoreDiscode(str);
191 | return str;
192 | }
193 | function urlToHttpUrl(url,rep){
194 |
195 | var patt1 = new RegExp("^//");
196 | var result = patt1.test(url);
197 | if(result){
198 | url = rep+":"+url;
199 | }
200 | return url;
201 | }
202 |
203 | module.exports = {
204 | strDiscode:strDiscode,
205 | urlToHttpUrl:urlToHttpUrl
206 | }
--------------------------------------------------------------------------------
/chaptor_07/wxParse/wxParse.js:
--------------------------------------------------------------------------------
1 | /**
2 | * author: Di (微信小程序开发工程师)
3 | * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
4 | * 垂直微信小程序开发交流社区
5 | *
6 | * github地址: https://github.com/icindy/wxParse
7 | *
8 | * for: 微信小程序富文本解析
9 | * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
10 | */
11 |
12 | /**
13 | * utils函数引入
14 | **/
15 | import showdown from 'showdown.js';
16 | import HtmlToJson from 'html2json.js';
17 | /**
18 | * 配置及公有属性
19 | **/
20 | /**
21 | * 主函数入口区
22 | **/
23 | function wxParse(bindName = 'wxParseData', type='html', data='