-
Notifications
You must be signed in to change notification settings - Fork 0
/
jq_list_new.html
259 lines (215 loc) · 34.1 KB
/
jq_list_new.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
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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE html>
<html>
<head>
<title>WYSIWYG</title>
<link rel="stylesheet" href="editor.css" type="text/css" />
<link rel="stylesheet" href="js/jquery.colourPicker/jquery.colourPicker.css" type="text/css" />
<script type="text/javascript" src="js/wysihat_defaults.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://www.ampparit.com/projects/a-tools/jquery.a-tools-1.5.2.min.js"></script>
<script type="text/javascript" src="js/jq-wysihat.js"></script>
<script type="text/javascript" src="js/jquery.colourPicker/jquery.colourPicker.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
var editor = WysiHat.Editor.attach($('#content'));
$('#content_editor').focus();
editor.fontSelection(DEFAULT_FONT);
editor.fontSizeSelection(DEFAULT_FONT_SIZE);
var toolbar = new WysiHat.Toolbar(editor);
toolbar.initialize(editor);
toolbar.addDropdown({label: "Font", name: "font", selected: DEFAULT_FONT, class_name: "font-size-select",
options: AVAILABLE_FONTS,
handler: function(editor, selected_font) { return editor.fontSelection(selected_font); } });
toolbar.addDropdown({label: "Font Size", name: "font size", selected: DEFAULT_FONT_SIZE,
options: AVAILABLE_FONT_SIZES,
handler: function(editor, selected_font) { return editor.fontSizeSelection(selected_font); } });
toolbar.addButton({
label: "<img src='images/editor_icons/16x16/numbered_list.png' />",
handler: function(editor) { return editor.toggleOrderedList(); }
});
toolbar.addButton({
label: "<img src='images/editor_icons/16x16/bulleted_list.png' />",
handler: function(editor) { return editor.toggleUnorderedList(); }
});
toolbar.addButton({ label: "<img src='images/editor_icons/16x16/underline.png' />", name: "underline" });
toolbar.addButton({ label: "<img src='images/editor_icons/16x16/bold.png' />", name: "bold",
handler: function(editor){ return editor.boldSelection(); } });
toolbar.addButton({ label: "<img src='images/editor_icons/16x16/increase_indent.png' />", handler: function(editor){ return editor.indentSelection(); } });
toolbar.addButton({ label: "<img src='images/editor_icons/16x16/decrease_indent.png' />", handler: function(editor){ return editor.outdentSelection(); } });
toolbar.addButton({ label: "<img src='images/editor_icons/16x16/align_left.png' />", handler: function(editor){ return editor.alignSelection("left"); } });
toolbar.addButton({ label: "<img src='images/editor_icons/16x16/align_center.png' />", handler: function(editor){ return editor.alignSelection("center"); } });
toolbar.addButton({ label: "<img src='images/editor_icons/16x16/align_right.png' />", handler: function(editor){ return editor.alignSelection("right"); } });
toolbar.addDropdown({label: "Font Color", name: "font color", class_name: "color-picker",
options: AVAILABLE_COLORS,
image: 'images/editor_icons/16x16/select_color_text.png',
selector_type: "font color",
handler: function(editor, selected_color) { return editor.colorSelection(selected_color); } });
toolbar.addDropdown({label: "Background Color", name: "background color", class_name: "color-picker",
options: AVAILABLE_COLORS,
selector_type: "background color",
image: 'images/editor_icons/16x16/background_color.png',
handler: function(editor, selected_color) { return editor.backgroundColorSelection(selected_color); } });
// Hide our error message if the editor loads fine
$('#error').hide();
$('.color-picker').each(function(){
var picker_image = $(this).attr("image");
var picker_type = $(this).attr("selector_type");
$(this).colourPicker({
ico: picker_image,
title: false,
selector_type: picker_type
});
});
$.getJSON('notes_ajax_test.txt', function(data) {
$.each(data.notes, function(i, note){
editor.notes.add(note)
});
});
$("#addnote").click(function(){
var current_time_for_id = new Date().getTime();
editor.notes.add({name: "Sample Bookmark", id: "sample_bookmark" + "_" + current_time_for_id,
content: "testing......"});
return false;
});
});
</script>
<style type="text/css">
body {
padding:0;
margin: 0;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<div class="header-content"></div>
<div class="toolbar-container">
<div id="toolbar"></div>
</div>
</div>
<div class="editor">
<div id="editor-nav-menu">
<!-- <a href="#" class="bookmark-nav2" id="addnote">Add Note</a> <br/> -->
<!-- <a href="#" class="bookmark-nav2" id="addnote">Add Note</a> <br/> -->
</div>
<div class="content-wrapper">
<textarea id="content">
</textarea>
<textarea id="contentxx" style="display:none">
<div contenteditable="false">
<div contenteditable="true" style="outline: 0px solid transparent;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla placerat magna vel nunc ullamcorper et suscipit nisl egestas. Donec eleifend varius convallis. Praesent facilisis ultrices ultrices. Curabitur est magna, tincidunt vel aliquam in, euismod non elit. Donec est urna, tempor et elementum non, tempus non mauris. Nullam nibh turpis, rhoncus quis tempus ac, congue non nibh. Mauris nec tellus diam, in porta velit. Nullam ut neque tortor. Aliquam erat volutpat. Proin eget leo elit. In tempus blandit sodales. Sed tincidunt metus quis urna fringilla laoreet.
</div>
<br/>
<div class="bookmark-in-editor" id="bookmark_1" contenteditable="false" unselectable="on">Bookmark 1</div>
<div id="bookmark_1_content" contenteditable="true" style="outline: 1px dashed #ccc;">
<br/>Phasellus vulputate molestie sodales. Maecenas sed sem a quam mattis egestas eu non nibh. Nulla vulputate pulvinar lectus, ac cursus neque tempor dictum. Proin sit amet nulla sit amet augue suscipit pellentesque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin vel nisi nunc. Quisque velit ipsum, commodo nec dapibus vitae, mattis a lacus. Aliquam tempor molestie facilisis. Aliquam turpis nunc, consequat ut blandit vel, volutpat a orci. Ut auctor augue at purus mattis convallis. Suspendisse vitae ante quam.
<br/>
<br/>Duis eget ante vitae nunc feugiat auctor. Vivamus tristique est et felis tristique vehicula. Sed interdum, elit sit amet vestibulum lobortis, ante diam commodo justo, sit amet placerat nibh urna et arcu. Vivamus fringilla mauris vel arcu tristique id sagittis sapien iaculis. Praesent eget arcu at nunc tristique ullamcorper. Cras aliquam, dui tristique sagittis rutrum, diam augue consequat lorem, egestas blandit magna turpis ut mi. Nullam elementum enim id arcu lobortis elementum. Nulla leo sapien, bibendum a auctor non, porttitor eget orci. Sed in luctus arcu. Fusce egestas tellus velit. Vivamus imperdiet venenatis leo, eget tempor sapien egestas id. Suspendisse potenti. Pellentesque consectetur, lorem lacinia elementum elementum, risus sapien dapibus tortor, at lacinia eros mauris nec eros. Duis vitae nulla eros. Fusce non lorem ultrices nisl elementum cursus. Aliquam mattis convallis porttitor.
<br/>
<br/>Maecenas ac lacus sit amet mauris elementum rutrum vitae nec turpis. Nam accumsan tincidunt mi, vitae scelerisque est vulputate eu. In aliquam molestie ligula id vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id augue in nisl dignissim mollis. Maecenas molestie, mi ut sodales elementum, sem risus pulvinar tellus, eget congue lacus nisi sit amet ligula. Maecenas consequat malesuada neque sed malesuada.
<br/>
<br/>Integer tincidunt convallis dui ut interdum. Sed in pretium mi. Pellentesque non tellus purus. Nulla facilisi. Pellentesque a erat a ante volutpat ultricies vel eget nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac habitasse platea dictumst. Praesent at leo mauris, nec mattis magna.
<br/>
<br/>Sed quis sem et erat euismod hendrerit. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed suscipit leo ac nulla vulputate vulputate. In hac habitasse platea dictumst. Duis lectus elit, hendrerit eu ullamcorper eu, elementum eget tortor. In dapibus euismod imperdiet. Praesent vitae auctor quam.
<br/>
<br/>Sed eu nulla justo. Aliquam erat volutpat. Phasellus convallis sagittis libero. Donec nec tortor ac ipsum dictum ornare vel non dui. Sed dictum odio ac dui dictum elementum. Praesent cursus hendrerit ornare. Nulla massa libero, mattis ut gravida quis, malesuada non eros. Etiam nunc erat, varius in laoreet in, gravida eu ipsum. Etiam non erat quis nibh auctor sollicitudin non vitae est. In pellentesque ligula vel purus tincidunt id vestibulum nunc pulvinar. Donec imperdiet mi id est aliquam ac varius quam commodo. Sed cursus porttitor orci sed tempor. Aenean at lectus augue, non placerat diam. Vestibulum elementum varius auctor.
<br/>
<br/>Aliquam tristique, orci rutrum varius laoreet, est mi vulputate ante, at pellentesque justo libero ut libero. Fusce ornare tempus orci a eleifend. Vivamus nec semper enim. Morbi ultrices felis eget nulla consequat rutrum. Praesent elementum tellus ut tortor lobortis posuere. Aliquam pulvinar varius pretium. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris euismod lorem rhoncus ipsum venenatis mattis dictum sed est. Sed porttitor scelerisque placerat. Suspendisse ac quam non nibh semper luctus sed vitae leo. Nunc rhoncus tristique eros, a blandit nulla sagittis quis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec risus enim, consectetur ac convallis a, semper et lorem. Nam ligula risus, placerat non imperdiet quis, bibendum ut erat. Curabitur eu sapien nulla, a tempor justo.
<br/>
<br/>Pellentesque augue libero, rhoncus eget accumsan at, commodo et risus. Curabitur consectetur varius turpis, non venenatis lorem interdum in. Morbi id magna enim. Aenean nec felis quis dolor accumsan pulvinar vel a massa. In consequat sollicitudin venenatis. Proin egestas ullamcorper odio, non aliquet nisl varius nec. Praesent magna ipsum, ultrices eget vestibulum sodales, mollis et risus.
<br/>
<br/>Quisque id adipiscing sapien. Proin facilisis placerat felis nec viverra. Fusce risus tellus, dapibus vitae rutrum nec, pellentesque non diam. Nunc egestas dictum tellus, eu consequat sem venenatis eu. In ac sem sed metus pharetra consequat. Integer vel lectus sed turpis blandit egestas. Cras vel diam velit, eu commodo augue. Quisque vel felis eget urna rutrum fermentum eu sed mauris. Cras porttitor leo eget justo malesuada a laoreet augue blandit. Ut rutrum, neque quis ullamcorper varius, erat metus ultricies lorem, eget ornare nunc tellus ac dui. Fusce suscipit gravida diam. Nulla rhoncus mattis dolor at posuere. Ut a mauris nisi, et faucibus est. Vestibulum elementum molestie nulla a luctus.
<br/>
</div>
</div>
<div class="bookmark-in-editor" id="bookmark_2">May 1st, 2012</div>
<div id="bookmark_2_content">
<br/>Mauris mauris quam, pellentesque eget lobortis ac, eleifend sit amet ipsum. Nulla id dui leo. Aliquam volutpat tristique tortor ac cursus. Pellentesque sapien urna, blandit a scelerisque vel, placerat ac sem. Curabitur vitae purus erat. Pellentesque hendrerit eleifend volutpat. Ut luctus euismod mauris, volutpat congue est sodales non.
<br/>
<br/>Nulla molestie semper metus, vel pellentesque libero eleifend pellentesque. Proin cursus sagittis elit, quis rutrum lorem imperdiet a. Curabitur vulputate sodales enim in tincidunt. Quisque nec sollicitudin enim. Sed scelerisque aliquam sapien at porttitor. Aliquam rhoncus, purus sed commodo vulputate, mi odio congue urna, vel aliquet mi justo non felis. Curabitur lobortis sodales laoreet. Phasellus varius tempor nisi, at fermentum nunc rhoncus id.
<br/>
<br/>Nulla sit amet ipsum dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus a ipsum a tellus bibendum dignissim. Phasellus quis tellus sapien, nec volutpat augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce metus ipsum, malesuada ac pretium eu, aliquam non sapien. Curabitur rhoncus, urna at aliquam ultricies, velit sem porta metus, ac rutrum ipsum turpis et dui. Sed in justo eget neque aliquam scelerisque.
<br/>
<br/>Maecenas mauris purus, aliquet ac posuere eget, ultricies ac nisi. Aliquam erat volutpat. Vestibulum nulla lacus, interdum eu rutrum nec, imperdiet vel lectus. Donec feugiat nulla lectus, nec laoreet dui. Aenean augue mi, blandit quis tincidunt id, sagittis ut massa. Morbi pretium pellentesque ipsum, commodo scelerisque dui dignissim ac. Vivamus lobortis rhoncus mauris, sed congue lectus laoreet vel. Nulla at eros nisl, at feugiat leo. Praesent venenatis tellus eget mi sagittis elementum imperdiet tellus dictum. Nulla massa lorem, dignissim sed facilisis tincidunt, commodo ut justo. Aenean adipiscing dignissim tristique. Mauris mattis consectetur augue, eget rutrum augue mollis nec. Aenean auctor tortor arcu, eget euismod dui. Pellentesque et diam urna, ac auctor turpis. Fusce nec quam non enim rutrum pulvinar.
<br/>
<br/>Ut tellus dui, adipiscing in scelerisque ut, consectetur at mauris. In varius adipiscing varius. In lobortis varius mauris a aliquet. Sed eget ultricies quam. Cras auctor lobortis neque eu consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mollis molestie imperdiet. Pellentesque non ligula metus, ac ornare odio. Curabitur lobortis vulputate pellentesque. Quisque commodo, risus id cursus pellentesque, tortor felis molestie nisi, nec commodo magna nunc at nisl. Fusce quis magna et lacus pharetra elementum. Nullam id semper purus. Pellentesque nulla sem, lobortis non pharetra in, semper nec risus. Maecenas massa purus, semper quis ullamcorper ut, venenatis a arcu.
<br/>
<br/>In sed mollis velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur adipiscing arcu in dui consequat adipiscing. Duis semper lacus quis mauris dictum vel dapibus eros rutrum. Phasellus blandit cursus luctus. Integer ante odio, mattis a suscipit eu, pharetra et magna. Sed ultrices lacinia sodales. Morbi id turpis et lorem rutrum adipiscing laoreet a leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
<br/>
<br/>Sed velit purus, faucibus ac consectetur vitae, condimentum at enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus placerat magna ut nibh ornare a interdum lacus ultrices. Suspendisse laoreet, urna at interdum sodales, nisi neque consectetur mi, sit amet molestie diam sem vehicula lorem. Proin tristique enim facilisis neque imperdiet rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet sapien lacus.
<br/>
<br/>In sollicitudin scelerisque vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec leo arcu, ut iaculis elit. Maecenas odio dui, pharetra ac semper sit amet, feugiat a augue. In consequat euismod eleifend. Nulla pharetra lectus turpis. Sed luctus nibh eget quam luctus quis bibendum urna eleifend. Ut feugiat accumsan quam non interdum. Phasellus egestas, augue a rutrum hendrerit, leo erat facilisis augue, sit amet sollicitudin tortor sem vel lectus. Pellentesque quis justo est. Donec semper interdum tincidunt. Mauris varius molestie aliquam. Cras interdum suscipit est, vitae mattis odio convallis nec. Proin gravida eleifend lectus, aliquam imperdiet leo lacinia ut.
<br/>
<br/>Fusce sed augue sit amet arcu accumsan gravida facilisis quis risus. In at massa id dui pharetra tempor et ut mi. Ut imperdiet commodo urna, nec gravida purus semper et. Vivamus neque tellus, bibendum vel pretium non, semper in turpis. Pellentesque tincidunt ipsum sit amet mi hendrerit placerat. Vivamus porttitor rutrum nibh quis facilisis. Donec blandit tellus ipsum. Nullam eget nunc ipsum, a viverra augue.
<br/>
<br/>Sed in semper massa. Aenean vehicula magna vitae nibh consectetur vitae convallis purus lobortis. Maecenas pharetra, nisl sed auctor imperdiet, odio turpis imperdiet ligula, non posuere lectus dui quis tellus. Sed molestie lorem vitae tellus iaculis cursus. Mauris mauris leo, molestie in ullamcorper ac, aliquet nec ipsum. In sagittis placerat mauris, eget viverra est tempus et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit ultricies iaculis. Etiam magna nibh, sodales quis sodales eget, molestie quis metus. Vivamus a mi at neque consectetur ultricies. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus fringilla ante in felis venenatis sed fringilla augue tincidunt.
<br/>
<br/>Maecenas cursus eros vel nisl interdum ac rhoncus velit dignissim. Phasellus quis metus nec risus fermentum hendrerit. Morbi condimentum lacinia ultricies. Vestibulum eu nibh nibh, dictum ullamcorper ante. Sed faucibus iaculis magna, id ornare nunc fringilla a. Nullam justo lacus, porta non vehicula quis, sagittis at tortor. Praesent a erat eget dui mattis venenatis nec vitae ipsum.
<br/>
<br/>Sed nec pulvinar lorem. Ut non ipsum ut turpis pulvinar consectetur. Nunc nibh ante, luctus quis imperdiet sit amet, aliquet quis magna. Phasellus tristique vehicula porta. Duis sit amet vestibulum neque. Pellentesque ac laoreet erat. Duis non pretium leo. Phasellus rhoncus ullamcorper dignissim. Nam sollicitudin condimentum enim eget dapibus. Donec et ligula leo. Suspendisse imperdiet odio vel odio volutpat varius. Sed ultrices posuere leo ac vestibulum. Suspendisse massa ligula, gravida ut porttitor nec, gravida eget ligula. Aliquam massa eros, molestie eu hendrerit in, viverra nec nisl. Sed pretium, dolor sit amet varius sagittis, libero sem dapibus turpis, at pellentesque dui lorem eget tellus. Nulla facilisi.
<br/>
<br/>Quisque sed libero in neque dignissim tincidunt eu non sem. Cras ultrices gravida nunc, sed mattis nulla congue nec. Curabitur enim justo, tincidunt at consequat vel, venenatis eu metus. Nam sit amet nulla vel augue varius tincidunt. Aenean mauris orci, fermentum eget scelerisque in, vestibulum quis nisi. Quisque vel elit orci, nec condimentum tortor. Duis consectetur magna in massa adipiscing sit amet varius mi consectetur. Suspendisse enim augue, consectetur in congue sed, ultricies quis mauris. Praesent a nulla sem, in dapibus nibh. Quisque non velit sed ligula fermentum pretium in nec mi. Donec eget dolor mi, at luctus nibh. Praesent vitae risus turpis, sit amet rutrum velit. Cras id purus ornare sapien molestie vehicula. Quisque semper tincidunt nulla, pretium adipiscing massa consectetur sit amet. In felis risus, lobortis eget tincidunt sit amet, pulvinar sit amet nisi. In varius varius tempor.
<br/>
<br/>Nam lectus nisl, feugiat sit amet fringilla in, pulvinar ac ligula. Integer ut erat et turpis adipiscing tempor non vitae ligula. Curabitur massa dolor, feugiat eu pellentesque vitae, rutrum vel ante. Duis pulvinar sollicitudin leo, nec lacinia odio pharetra sed. In enim felis, bibendum sed lobortis tristique, hendrerit non diam. Proin turpis diam, vestibulum a fermentum eget, interdum et risus. Phasellus dui sapien, malesuada ut aliquam quis, pulvinar a sapien. Donec et aliquam dui. Praesent mollis, est vitae condimentum accumsan, nibh arcu pretium velit, quis semper lectus sapien vitae est. Nullam sagittis dictum neque, commodo ullamcorper lectus egestas semper.
<br/>
<br/>Quisque non aliquam diam. Suspendisse tincidunt sodales mauris id accumsan. Nullam nec feugiat nisl. Praesent at aliquam risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris mi tortor, laoreet et porta sed, iaculis scelerisque arcu. Sed semper tellus vitae nisi lobortis faucibus. Aenean vitae dolor a dui viverra tempor. Integer sagittis egestas sem ac varius. Nam nec est in nunc faucibus dignissim. Nullam at fringilla dolor.
<br/>
<br/>Maecenas blandit fringilla sem a rhoncus. Mauris commodo diam sit amet tellus porta fringilla. Nunc sagittis convallis libero. Aenean auctor ullamcorper nisl vitae consectetur. Curabitur a nisl non dui sodales molestie. Donec auctor, neque eu condimentum laoreet, augue tortor viverra felis, eu commodo erat dui ut arcu. Morbi vitae lectus sit amet justo sollicitudin vulputate. Maecenas pharetra, sem vitae laoreet molestie, quam velit feugiat lorem, a ultrices leo erat id turpis. Curabitur mi diam, tristique et euismod tincidunt, mattis vitae purus. Ut commodo, ligula nec cursus feugiat, leo felis placerat magna, at dignissim nisl metus a elit. Etiam placerat, dui congue placerat cursus, arcu tellus faucibus velit, venenatis tempor tortor est sollicitudin felis.
<br/>
<br/>Donec consequat laoreet mi at euismod. Phasellus dictum magna ornare elit faucibus posuere. Donec porta diam ut lorem aliquam vel tincidunt quam elementum. Sed luctus pellentesque lectus ut lobortis. Fusce commodo dui molestie dolor malesuada a hendrerit nunc tincidunt. Aenean non purus malesuada dui faucibus posuere. Sed in faucibus nibh. Vivamus tempus massa sed eros pretium sollicitudin. Donec at est libero, eu ullamcorper sem.
<br/>
<br/>Donec condimentum nibh leo, eget accumsan orci. Sed euismod velit vel eros congue interdum pharetra neque fringilla. Maecenas enim ante, pharetra sit amet ornare in, facilisis nec enim. Nunc nunc ipsum, lacinia aliquet dictum et, egestas nec lorem. Maecenas sit amet hendrerit augue. Suspendisse a molestie nunc. Suspendisse sit amet est in lacus euismod aliquam sit amet ut diam. Maecenas elementum pretium porta. Aenean sollicitudin vulputate sem, quis dictum turpis lacinia non. Duis euismod, nisi sed volutpat vehicula, arcu augue commodo nisi, et accumsan massa orci nec enim. Maecenas aliquet eleifend dolor ut fermentum. Donec vitae ante metus, convallis viverra dolor. Donec neque quam, rutrum ac laoreet a, commodo sit amet lorem.
<br/>
<br/>Maecenas et leo dolor. Sed a metus non risus suscipit aliquam. Sed eu nisl at erat posuere consequat. Curabitur sit amet justo sed elit blandit consequat tempor a dolor. Sed tempor ultrices nulla eu ullamcorper. Nullam ultricies molestie nibh eget semper. Curabitur condimentum lacus sit amet purus eleifend porttitor. Nulla at quam at felis tincidunt lobortis et quis turpis. Donec tempus tincidunt urna, eu laoreet nibh iaculis ac.
<br/>
<br/>Pellentesque faucibus metus neque. Integer scelerisque sem id nulla ultrices dapibus. Duis eget elementum nulla. In turpis ligula, viverra mollis consequat eu, dictum nec nisl. Donec vehicula, magna ut blandit pharetra, arcu tortor sollicitudin sapien, faucibus adipiscing dolor nunc ac mi. Vivamus elementum convallis condimentum. Morbi id tellus in metus varius tempor.
<br/>
<br/>Etiam suscipit orci ligula. Nunc facilisis dui sit amet purus vehicula ut elementum velit dictum. Nam suscipit mollis justo id consequat. Nulla pulvinar, leo ac malesuada consectetur, nunc neque porttitor magna, sit amet lacinia magna orci at nisl. Morbi eu nulla nunc. Mauris ligula purus, porta eu tincidunt fermentum, ullamcorper ut elit. Sed sit amet nisi id erat gravida facilisis. Phasellus leo metus, dignissim a lobortis vitae, posuere blandit arcu. Proin dictum scelerisque neque, sed porta odio sodales eu. Quisque laoreet eleifend rutrum. Aliquam tempus massa sit amet augue auctor laoreet. Ut tempus luctus purus sed ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tellus est, blandit mollis lacinia sed, adipiscing at tellus.
<br/>
<br/>Aliquam dolor arcu, aliquam vel adipiscing quis, sagittis sit amet risus. Maecenas malesuada aliquam tortor, et fermentum turpis aliquet vel. Maecenas fermentum ligula non est sodales eget posuere urna pharetra. Duis eros neque, tincidunt a condimentum in, rhoncus quis purus. Phasellus accumsan gravida augue, nec porta velit sagittis et. Etiam eget orci elit. Nullam iaculis quam in tellus pulvinar tincidunt. Sed quis enim sed dui posuere porttitor. Pellentesque adipiscing lectus sit amet tortor iaculis volutpat. Praesent auctor ultrices elit, condimentum suscipit est convallis sit amet. Sed vel lorem a lacus vulputate viverra vel ac risus.
<br/>
<br/>Phasellus eleifend sapien in leo tincidunt eget tincidunt lectus vestibulum. Sed non dolor velit, sit amet sollicitudin augue. Sed non velit venenatis mi tempor sodales eget eget purus. Curabitur eleifend pulvinar porttitor. Morbi at nunc sapien, accumsan consectetur metus. Nulla vehicula urna nec metus rhoncus placerat. Suspendisse commodo mauris massa. Aenean consequat justo sit amet est faucibus dapibus posuere sem hendrerit. Aliquam non dapibus nibh. Sed tellus orci, suscipit non sagittis eget, vulputate nec arcu.
<br/>
<br/>Vivamus purus nunc, adipiscing eget ultrices in, pulvinar sit amet mi. Fusce hendrerit vulputate purus, semper pulvinar tellus lacinia ut. Nunc at quam erat. Donec ultrices luctus cursus. Aliquam faucibus, magna id porttitor malesuada, dolor mi fringilla ante, accumsan interdum nibh orci ac metus. Nulla facilisi. Nam ultrices tincidunt magna vitae congue. Aliquam facilisis placerat aliquet. Curabitur dapibus gravida metus, in venenatis nunc gravida eu. Nulla sed risus quis tellus blandit auctor. Donec sollicitudin erat non dui viverra vel imperdiet lacus congue.
<br/>
<br/>Nunc sagittis tellus sit amet quam gravida vulputate. Vestibulum ut faucibus dolor. Aenean at lorem libero. Maecenas erat libero, consequat porttitor vulputate ullamcorper, venenatis nec mi. Phasellus quis ligula erat, id tincidunt felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus fermentum, mauris quis consequat posuere, felis purus condimentum enim, quis volutpat nisi libero ut erat. Fusce leo massa, euismod id interdum vitae, aliquam in metus. Nam ac odio ac tellus laoreet facilisis.
<br/>
<br/>Duis euismod enim nec justo consectetur sodales. Vestibulum sed libero eget orci venenatis bibendum et nec metus. Nam quis tincidunt magna. Morbi pellentesque erat a est aliquet dapibus. Phasellus ipsum urna, accumsan in placerat sit amet, elementum bibendum neque. Mauris elementum ligula ac lectus pellentesque condimentum. Nunc vitae euismod dui. Morbi tincidunt lacinia tellus, quis semper lacus condimentum nec. Sed fermentum leo elementum ipsum mattis accumsan. Donec at porta tellus. Maecenas volutpat viverra feugiat. Suspendisse potenti. Maecenas sollicitudin condimentum urna, quis aliquam elit sodales sit amet. Donec sed orci a dui imperdiet mattis quis vehicula neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
<br/>
<br/>Nulla ornare, erat id dignissim fringilla, justo nibh egestas nulla, at consequat magna justo semper mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean nec nulla vel risus gravida iaculis. Phasellus iaculis libero a felis tempor eleifend. Mauris neque dolor, consectetur a blandit vitae, venenatis eget velit. Mauris fermentum scelerisque sollicitudin. Etiam tellus felis, luctus eget tempus ut, semper non magna. Quisque sed enim erat. Nullam dictum mollis elit, eu tempor purus sagittis sit amet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent arcu nibh, sollicitudin nec scelerisque vitae, blandit dignissim tortor.
<br/>
</div>
<div class="bookmark-in-editor" id="bookmark_3">Will definitely be on test.</div>
<div id="bookmark_3_content">
<br/>Quisque nibh libero, bibendum venenatis vulputate nec, laoreet quis lectus. Sed sit amet accumsan erat. Nam vitae orci vel tellus molestie faucibus quis nec tellus. Donec hendrerit, felis non commodo vulputate, augue felis molestie ipsum, et imperdiet odio leo eget nibh. Quisque at odio tortor, et sagittis mi. Duis iaculis lectus condimentum justo blandit dictum. Aliquam at blandit magna. Donec at purus ante, quis blandit neque. Maecenas elit turpis, porta vel sagittis sed, mattis et purus. Fusce pretium semper fringilla. Vestibulum ac elit tellus, sit amet varius mauris.
<br/>
<br/>Vestibulum nisl lorem, semper vitae malesuada a, scelerisque sed nunc. Cras porttitor, diam et pulvinar consectetur, metus diam mattis diam, et malesuada orci mi a mi. Fusce tellus metus, iaculis viverra eleifend ac, sagittis gravida est. Vivamus pulvinar mattis nisi, eu malesuada mauris gravida a. Ut tellus elit, sagittis a facilisis in, tempus et lectus. Nulla ac enim et tortor aliquam posuere. Quisque aliquam tellus ut metus eleifend ac lobortis leo vestibulum. Sed purus dui, imperdiet sit amet tincidunt vel, pretium ac massa. Praesent mattis, lorem eget volutpat sodales, augue massa mollis dui, a rutrum libero nisi a felis. Integer ut turpis erat. Duis quis mauris odio, at porta ante. Aliquam fringilla turpis ut sem fringilla malesuada. Vivamus ullamcorper magna quis nibh ornare tincidunt. Donec sodales feugiat est pharetra sagittis.
<br/>
<br/>Morbi nulla purus, pulvinar sit amet ornare nec, molestie nec odio. Phasellus lobortis, purus eget aliquam aliquam, nisi odio lobortis eros, eget pulvinar nibh sem in magna. Vivamus dignissim, quam accumsan ultricies volutpat, tortor leo iaculis diam, in varius justo velit at lectus. Vestibulum dictum pellentesque leo, sit amet lacinia arcu condimentum quis. Ut eu justo neque. Praesent blandit enim commodo dolor dignissim consectetur. Maecenas sit amet risus sapien. Curabitur consequat libero sit amet mi tempus rhoncus. Proin nec malesuada sapien. Nunc risus odio, convallis a pellentesque id, placerat nec nibh. Cras euismod tempus magna eu elementum. Duis malesuada elementum nisi vitae tristique.
<br/>
<br/>Nam vel dignissim augue. Nulla facilisi. Vivamus dui mi, tincidunt et fringilla nec, accumsan non est. In sodales tortor quis justo lacinia mattis viverra sem dapibus. Quisque gravida adipiscing consectetur. Aenean fermentum vestibulum leo vel ultricies. Duis velit magna, rhoncus consectetur aliquet eget, mollis vehicula augue. Maecenas imperdiet volutpat viverra. Proin sed augue nec erat auctor eleifend. In pulvinar faucibus urna quis dignissim.
<br/>
<br/>Nulla congue posuere metus sodales congue. Vestibulum nec est nec quam convallis eleifend. Nulla massa turpis, condimentum at porta viverra, mattis sed lectus. Nam et risus nulla. Quisque tincidunt nisl non leo suscipit eget suscipit elit mollis. Morbi vel tellus leo. Sed sit amet erat vel urna dignissim fermentum eget quis risus. Nullam euismod tincidunt volutpat. Mauris mattis justo et augue imperdiet a commodo lorem tempus. Pellentesque tempor condimentum dolor volutpat adipiscing. Duis sollicitudin ullamcorper scelerisque. Sed elementum congue augue in bibendum. Fusce semper faucibus congue. Nunc sed lectus erat, non condimentum quam. Ut purus ipsum, sollicitudin vel scelerisque ac, faucibus et lorem.
<br/>
<br/>Pellentesque luctus pretium augue et lobortis. Quisque varius nisi sit amet diam aliquam quis condimentum est cursus. Nam vulputate, nisi vel scelerisque rhoncus, purus elit pretium nisi, sed sagittis velit lorem a erat. Aenean ut sapien sed sem cursus fermentum sed quis mi. Aenean felis augue, pharetra vel vestibulum in, venenatis eu nibh. Nullam condimentum dolor id justo convallis cursus. Quisque interdum lectus iaculis metus ultricies lacinia. Fusce lacinia condimentum tellus ut rhoncus. Mauris lacinia tortor in lectus eleifend hendrerit. Nunc sed dolor arcu, vitae tempor nibh. Ut ultrices sodales convallis.
<br/>
<br/>Quisque adipiscing commodo mi at rutrum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse feugiat malesuada faucibus. Donec elit massa, adipiscing eget tempor sed, sagittis id sem. Duis ut sapien in velit malesuada mollis. Maecenas quis diam in purus varius lobortis nec ut augue. Aenean lobortis eros et sapien rhoncus viverra. Donec mattis dapibus risus, id vulputate elit bibendum sed. Nunc urna velit, feugiat nec lobortis a, viverra at mauris. Morbi condimentum risus sed erat consequat congue quis sit amet metus. Integer interdum purus sit amet purus gravida auctor cursus nunc tristique. Nullam sed libero vel arcu laoreet adipiscing. Nunc aliquet dapibus nisl, et sollicitudin sem tincidunt at.
<br/>
<br/>Ut dictum semper ligula, sed lobortis lacus euismod porttitor. In ut mattis eros. Quisque nec lectus a felis pellentesque suscipit et nec odio. In hac habitasse platea dictumst. Vivamus in lacus lorem. Mauris euismod volutpat lacus sit amet congue. Morbi a est eu dolor luctus luctus. Quisque egestas velit eget quam ullamcorper sit amet mattis eros lacinia. Sed at ligula a nisi tincidunt venenatis. Nunc venenatis dapibus porttitor. Maecenas turpis orci, pellentesque vitae tempus in, porta at purus. Etiam ullamcorper, orci sed bibendum iaculis, erat mauris semper sapien, sit amet condimentum sem nunc sit amet eros. Ut consectetur facilisis justo vitae dignissim.
</div>
</textarea>
</div>
</div>
</div>
<div style="padding:50px;"></div>
<!-- <form action="#" method="post" style="width: 500px;">
<div id="jorge_test"></div>
<div style="padding:50px;">
here
</div>
</form> -->
</body>
</html>