mlellipsis.js
4.82 KB
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
define('plugins/mlellipsis', function(require, exports) {
exports.init = function() {
/*
* @author:tqtan
* @date:13/10/10
* @name:实现多行省略
*
*/
/*
* @method:node.mlellipsis(row)
* @node:dom节点
* @row:行数
*
*/
Element.prototype.getText = function() {
if (this.innerText == undefined) {
return this.textContent;
} else {
return this.innerText;
}
}
Element.prototype.setText = function(str) {
if (this.innerText == undefined) {
this.textContent = str || "";
} else {
this.innerText = str || "";
}
}
Element.prototype.getFinalStyle = function(property, fontSize) {
var s;
if (window.getComputedStyle) {
s = window.getComputedStyle(this, null)[property];
} else {
s = this.currentStyle[property];
}
//兼容IEbug:IE解析getComputedStyle或currentStyle,然而若line-height=1.5，它会获取计算后是1.5，而其他浏览器获得1.5*line-height
if (fontSize != undefined) {
s = s * fontSize + "px";
}
return s.substring(0, s.toString().length - 2);
}
Element.prototype.mlellipsis = function(row) {
//省略后加上title
var str = this.getText();
var title = this.getAttribute("title");
if (title == null) {
this.setAttribute("title", str);
} else {
this.setText(title);
}
//获取计算后的样式
var fontSize = this.getFinalStyle("fontSize");
if (/msie/i.test(navigator.userAgent)) {
var lineHeight = this.getFinalStyle("lineHeight", fontSize);
} else {
var lineHeight = this.getFinalStyle("lineHeight");
}
var height = this.clientHeight;
if (lineHeight == "norm") {
lineHeight = Number(fontSize * 1.5);
this.setAttribute("style", "line-height:" + lineHeight + "px");
} else {
lineHeight = Number(lineHeight);
}
//若高度足够，则不用省略
var dheight = Math.floor(row * lineHeight);
if (height >= dheight) {
str = this.getText();
while (dheight * 3 < this.clientHeight) {
this.setText(str.substring(0, str.length / 2));
str = this.getText();
}
//减去末尾文字
while (dheight < this.clientHeight) {
str = this.getText();
this.setText(str.replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
}
}
}
Element.prototype.getTextLineNumber = function(row) {
//省略后加上title
var str = this.getText();
var title = this.getAttribute("title");
if (title == null) {
this.setAttribute("title", str);
} else {
this.setText(title);
}
//获取计算后的样式
var fontSize = this.getFinalStyle("fontSize");
if (/msie/i.test(navigator.userAgent)) {
var lineHeight = this.getFinalStyle("lineHeight", fontSize);
} else {
var lineHeight = this.getFinalStyle("lineHeight");
}
var height = this.clientHeight;
if (lineHeight == "norm") {
lineHeight = Number(fontSize * 1.5);
this.setAttribute("style", "line-height:" + lineHeight + "px");
} else {
lineHeight = Number(lineHeight);
}
return height / lineHeight;
//若高度足够，则不用省略
/* var dheight = Math.floor(row*lineHeight);
if(height >= dheight){
str = this.getText();
while(dheight*3<this.clientHeight){
this.setText(str.substring(0,str.length/2));
str = this.getText();
}
//减去末尾文字
while(dheight<this.clientHeight){
str = this.getText();
this.setText(str.replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/,"..."));
}
}*/
}
/*
* /(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/ 正则:
* (\s)* 0或多个空白
* ([a-zA-Z0-9]+|\W) 一个或多个字母数字 或 任意不是字母，数字，汉字的字符
* (\.\.\.)? 零个或一个...
*/
}
});