forked from cyns/testfiles
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patheditable.html
77 lines (63 loc) · 4.28 KB
/
editable.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
<html>
<head>
<style>
.editbox {border-style:solid;border-width:2px;border-color:black;}
</style>
</head>
<body>
<h1>Lotsa Lorem</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eget arcu ut odio venenatis condimentum sed vitae metus. Fusce eu purus aliquam, ultricies ligula a, volutpat lectus. Fusce pellentesque quis magna ac feugiat. Pellentesque dapibus, diam in commodo venenatis, risus lacus fringilla justo, tempor commodo ipsum mauris vel orci. Cras ut finibus nulla. Vestibulum nulla nisi, imperdiet sit amet turpis id, facilisis aliquam mauris. Mauris eu tellus risus. Nulla ut tincidunt lectus. Praesent tristique fermentum orci, non ullamcorper eros volutpat ut. Suspendisse eget mi eleifend, pulvinar lorem vitae, dictum ligula. Donec congue ligula quam, at congue lectus pharetra vitae. Mauris ut neque bibendum, tincidunt nulla in, rutrum ligula. Suspendisse potenti. Aliquam luctus cursus nulla. Pellentesque consectetur tortor justo, eu dignissim ligula pharetra posuere.
</p>
<h2>Editable Area</h2>
<div contenteditable="true" class="editbox">
<table>
<tr>
<th></th>
<th>One</th>
<th>Two</th>
<th>Three</th>
</tr>
<tr>
<th>Yada</th>
<td>Phasellus ut porttitor diam. Mauris eget aliquam augue.</td>
<td>Sed at nisi aliquam, convallis mi vitae, pretium purus.</td>
<td>Sed ut fermentum enim, eget elementum magna.</td>
</tr>
<tr>
<th>Yada</th>
<td>Phasellus ut porttitor diam. Mauris eget aliquam augue.</td>
<td>Sed at nisi aliquam, convallis mi vitae, pretium purus.</td>
<td>Sed ut fermentum enim, eget elementum magna.</td>
</tr>
<tr>
<th>Yada</th>
<td>Phasellus ut porttitor diam. Mauris eget aliquam augue.</td>
<td>Sed at nisi aliquam, convallis mi vitae, pretium purus.</td>
<td>Sed ut fermentum enim, eget elementum magna.</td>
</tr>
</table>
<h3>And now a List</h3>
<ul>
<li>Nunc congue diam a lacus scelerisque dapibus.</li>
<li>Nunc condimentum nulla quis metus scelerisque imperdiet.</li>
<li>Nulla ut tristique sapien. Pellentesque habitant morbi tristique senectus</li>
</ul>
<h3>And another</h3>
<ol>
<li>et netus et malesuada fames ac turpis egestas.</li>
<li>Quisque rutrum efficitur pulvinar. </li>
<li>Praesent facilisis </li>
<li>varius <a href="http://msn.com">metus</a> a scelerisque. </li>
</ol>
<p>
Nulla cursus sit amet velit vitae egestas. Integer ultrices libero vel iaculis lacinia. Pellentesque in elementum nisl. Morbi condimentum, augue vitae rutrum rutrum, risus urna luctus enim, pulvinar venenatis nibh quam sed nulla. Pellentesque tristique sed ante eget cursus. Maecenas dignissim consequat vestibulum. Suspendisse gravida nisi dolor. Nullam ligula nisi, aliquet in bibendum vitae, molestie ac leo. Etiam pretium feugiat mattis. Aliquam hendrerit ex in posuere hendrerit. Vivamus consequat luctus mi convallis lacinia. Praesent dapibus tincidunt lorem ac suscipit. Proin ultrices lacus ac ipsum pellentesque imperdiet.
</p>
<p>
Proin eget ligula dui. In nec venenatis diam, a tristique purus. Integer bibendum euismod mi, nec malesuada tortor lacinia non. Suspendisse potenti. Suspendisse potenti. Quisque luctus imperdiet rhoncus. In nibh felis, maximus vel ipsum sed, maximus fermentum tortor. Suspendisse tincidunt risus sit amet quam posuere, nec elementum nunc ultrices. Aliquam sollicitudin diam quis dapibus sodales. Donec congue elementum tellus, ac aliquet urna molestie eu. Sed gravida, lacus sit amet dignissim semper, dolor lacus volutpat purus, vitae venenatis ligula turpis non massa. Etiam sapien diam, fringilla ut urna faucibus, maximus sollicitudin leo. Proin et magna at nisi rhoncus pellentesque. Mauris ut purus ullamcorper, placerat turpis efficitur, laoreet ante.
</p>
<p>
Maecenas vestibulum, nibh at aliquet convallis, neque tortor venenatis libero, a malesuada felis augue a dolor. Morbi fringilla eros feugiat lacus finibus aliquam. Integer nisi nunc, luctus quis augue vel, convallis semper metus. Quisque arcu felis, lobortis nec viverra ut, efficitur semper tellus. Nulla facilisi. Integer ullamcorper erat leo, sit amet blandit erat pulvinar quis. Ut lacinia purus sit amet velit tempus cursus. Suspendisse dapibus orci sit amet nunc finibus laoreet. Donec sed vestibulum dui. Praesent nec auctor quam. Morbi nec ultrices eros. Nulla nec lectus at augue efficitur tempor nec vel ipsum.
</p>
</div>
</body>
</html>