-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex-ckeditor4.html
More file actions
158 lines (126 loc) · 7 KB
/
index-ckeditor4.html
File metadata and controls
158 lines (126 loc) · 7 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
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CKEditor 4 Demo</title>
<script src="vendor/ckeditor4/ckeditor.js"></script>
<style>
body {
font-family: Arial, sans-serif;
max-width: 900px;
margin: 50px auto;
padding: 20px;
}
#editor {
border: 1px solid #ccc;
}
</style>
</head>
<body>
<h1>CKEditor 4 Demo</h1>
<textarea id="editor" name="editor">
<h2 style="line-height:75px; text-align:center"><img alt="Bilancino Hotel logo" src="/assets/bilancino-logo.png" style="float:right; height:75px; width:75px" />The Flavorful Tuscany Meetup</h2>
<h3 style="clear:both; margin-left:-2em; margin-top:-2em; text-align:center"><span style="color:#007ac9"><strong>Welcome letter</strong></span></h3>
<p> </p>
<p>Dear Guest,</p>
<p>We are delighted to welcome you to the annual <em>Flavorful Tuscany Meetup</em> and hope you will enjoy the programme as well as your stay at the Bilancino Hotel.</p>
<p>Please find below the full schedule of the event.</p>
<table cellpadding="15" cellspacing="0" style="width:100%">
<thead>
<tr>
<th colspan="2" scope="col" style="background-color:#f2f9ff; text-align:center">Saturday, July 14</th>
</tr>
</thead>
<tbody>
<tr>
<td style="white-space:nowrap">9:30 AM - 11:30 AM</td>
<td>Americano vs. Brewed - “know your coffee” session with <strong>Stefano Garau</strong></td>
</tr>
<tr>
<td style="white-space:nowrap">1:00 PM - 3:00 PM</td>
<td>Pappardelle al pomodoro - live cooking session with <strong>Rita Fresco</strong></td>
</tr>
<tr>
<td style="white-space:nowrap">5:00 PM - 8:00 PM</td>
<td>Tuscan vineyards at a glance - wine-tasting session with <strong>Frederico Riscoli</strong></td>
</tr>
</tbody>
</table>
<blockquote>
<p>The annual Flavorful Tuscany meetups are always a culinary discovery. You get the best of Tuscan flavors during an intense one-day stay at one of the top hotels of the region. All the sessions are lead by top chefs passionate about their profession. I would certainly recommend to save the date in your calendar for this one!</p>
<p>Angelina Calvino, food journalist</p>
</blockquote>
<p>Please arrive at the Bilancino Hotel reception desk at least <strong>half an hour earlier</strong> to make sure that the registration process goes as smoothly as possible.</p>
<p>We look forward to welcoming you to the event.</p>
<p><img alt="Victoria Valc signature" src="/assets/signature.png" style="height:101px; width:180px" /></p>
<p>Victoria Valc</p>
<p>Bilancino Hotel Event Manager</p>
<hr />
<h1>Tables</h1>
<table border="1" cellpadding="1" cellspacing="1" style="width:500px;">
<tbody>
<tr>
<td>alignment</td>
<td>not set</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac porttitor diam. Proin consectetur, enim a mollis molestie, odio mi ultricies velit, id scelerisque urna erat quis dui. Ut blandit ut arcu ac porttitor. Duis eget facilisis nunc. Ut lobortis lacus nec ligula vulputate sodales. Nunc risus arcu, placerat non lectus id, feugiat tincidunt libero.</p>
<table align="left" border="1" cellpadding="1" cellspacing="1" style="width:500px;">
<tbody>
<tr>
<td>alignment</td>
<td>left</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<p>In ut condimentum sapien. Duis vestibulum vulputate aliquet. Mauris ultrices mi eget lorem rutrum, eu ultrices urna finibus. Phasellus laoreet urna vitae purus luctus molestie. Maecenas convallis sapien sed ipsum cursus ultricies. Pellentesque vel sem vel nisi consectetur eleifend.</p>
<p>Donec eu volutpat est. Vivamus ac felis convallis purus sagittis tincidunt a at nisi. Proin laoreet, nunc eget ullamcorper lobortis, velit libero ornare nibh, eu fringilla sapien lacus ac ipsum.</p>
<table align="right" border="1" cellpadding="1" cellspacing="1" style="width:500px;">
<tbody>
<tr>
<td>alignment</td>
<td>right</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<p>Vestibulum suscipit justo at metus placerat, molestie maximus enim aliquet. Curabitur fringilla at orci posuere tincidunt. Vivamus gravida odio erat, et lacinia tellus consectetur a.</p>
<p>Quisque est justo, dapibus sit amet eleifend a, tristique pharetra ante. Suspendisse finibus ante sed tempor porta. Sed id congue tortor. Aliquam a nisl in metus ultricies tempus auctor in libero. Praesent eget vulputate lectus.</p>
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:500px;">
<tbody>
<tr>
<td>alignment</td>
<td>center</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<p>Donec non sapien vitae odio fermentum lacinia sed eu velit. Mauris accumsan malesuada ligula tincidunt volutpat. Nunc sodales mi sed velit vulputate hendrerit. Ut volutpat, nisl ac euismod luctus, libero libero egestas turpis, at dapibus ante lorem ac justo. Donec rutrum fermentum leo, a molestie ex accumsan at. Quisque a faucibus nunc.</p>
<p>Cras et neque nisl. Mauris bibendum lorem ex, sit amet viverra lectus gravida vitae. Integer id malesuada arcu, sed semper quam. Vivamus faucibus lacus turpis. In ut sodales lectus, eget vehicula erat. Quisque dui massa, molestie eget porttitor quis, pellentesque eu tortor. Curabitur ac luctus eros. Donec in turpis eu nulla efficitur bibendum. Cras dignissim, nisi a viverra pellentesque, dolor nunc suscipit dui, at ullamcorper ligula leo sit amet elit.</p>
<p>Fusce ornare hendrerit ullamcorper. Etiam pulvinar ornare tortor, sed imperdiet diam porta at. Sed cursus quam ut dui rutrum maximus. Donec gravida eget dui placerat suscipit. Donec fringilla hendrerit tellus nec pulvinar. Sed id augue tellus. Etiam sit amet sem vitae ante pellentesque lobortis eu sed justo. Suspendisse sit amet mi dui.</p>
<p>Nullam aliquet venenatis lacus, non scelerisque massa. Pellentesque tincidunt justo id vestibulum commodo. Nam in sapien a mi volutpat ornare vitae vel lacus. Sed eros est, scelerisque sollicitudin massa quis, luctus tempor elit. Vestibulum porttitor vel lectus quis sollicitudin. Phasellus id massa sit amet metus ultrices auctor. Pellentesque interdum tempus lectus non placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<p>Nullam nisl tellus, fermentum vitae finibus in, ultricies nec nisl. Phasellus eu risus non lorem imperdiet iaculis. Aliquam eget ligula mi. Duis quis lacus id libero bibendum imperdiet. Donec ut suscipit risus, sit amet pulvinar nunc. Praesent faucibus lectus et dignissim faucibus. Aliquam vulputate blandit nunc ac euismod. Aliquam viverra vitae nisi et lacinia. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer quis efficitur elit. Etiam maximus id leo non volutpat. In lobortis tempor orci sed dictum.</p>
</textarea>
<script>
CKEDITOR.config.customConfig = '/app/ckeditor4/config.js';
CKEDITOR.replace('editor', {
contentsCss: '/app/ckeditor4/contents.css'
});
</script>
</body>
</html>