该小脚本实现的是对输入框内容中取出<img>标签中的src中的内容,然后在原来位置进行替换内容,然后在去除输入内容中的html标签,空格等操作
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
<!DOCTYPE html> <html lang= "en" > <head> <meta charset= "UTF-8" > <title></title> <script> window.onload = function () { var target = document.getElementById( "div1" ); var but = document.getElementById( "but" ); var value; but.onclick = function () { value = target.innerHTML; result = dealText(value); alert(result); }; }; function dealText(msg) { var text1 = imageRound(msg); var text2 = removeTag(text1); var text3 = removeBlank(text2); var text4 = changeNBSP(text3); return text4; } function DealNum(num) { var content = []; for ( var i = 0; i < num.length; i++) { // content.push(defaultSrc(num[i])); } return content; } function defaultSrc(src) { return ':avator:' ; } function returnValue(srcValue) { var num = []; var pattern = /([^\/]+)\./; var src; for ( var i = 0; i < srcValue.length; i++) { src = pattern.exec(srcValue[i])[1]; num.push(src); } // alert(num); var source = DealNum(num); return source; } function imageRound(text) { var reg2 = /<img.*?\>/gi; var s = text.match(reg2); var num = returnValue(s); var i = 0; var content = text.replace(reg2, function () { return num[i++]; }); return content; } function removeTag(text) { var text1; var reg = /<.*?>|<.*?\/>/g; text1 = text.replace(reg, "" ); return text1; } function removeBlank(text) { var text1; var reg = /\s+/g; text1 = text.replace(reg, "" ); return text1; } function changeNBSP(text) { var text1; var reg = / /g; var reg1 = /\;/g; text1 = text.replace(reg, ' ' ); text1 = text1.replace(reg1, "" ); return text1; } </script> </head> <body> <div contenteditable= "true" id= "div1" >abc efg <img src= "asdjk/123.jpg" /><span>hi gk</span><img src= "ahdkh/124.jpg" /> <div>lmnop</div> q rst uvw </div> <button id= "but" >更新</button> </body> </html> |