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
|
<textarea id="editor1">
<p>Regular text. <strong>Bold text and <em>italic embeded in bold <u>and underline embeded once more</u></em></strong>.</p>
<ul>
<li>One</li>
<li>Two<ol>
<li><strong>STRONG: </strong>regular text</li>
<li><em>ITALIC: </em>regular text</li>
</ol></li>
</ul>
<div><div><div><div><div>Divception - This text is embed in 5 divs.</div></div></div></div></div>
<figure class="image">
<img src="/tests/_assets/lena.jpg" alt="avatar" />
<figcaption>Lena</figcaption>
</figure>
</textarea>
<br>
<div id="editor2" contenteditable="true">
<p>You can type here <strong contenteditable="false">This is uneditable part <em contenteditable="true">and you can type again inside this editable part<u> and some underline inside</u></em></strong>.</p>
<p><a href="http://ckeditor.com" target="_blank">This is link</a></p>
<table border='1'>
<thead>
<tr>
<th>Just</th>
<th>header</th>
</tr>
</thead>
<tbody>
<tr>
<td>One</td>
<td>Two</td>
</tr>
<tr>
<td>Three</td>
<td><span><span><span><span><span>Spanception - This text is embed in 5 spans.</span></span></span></span></span></td>
</tr>
<tr>
<td><strong>Strong text</strong></td>
<td><em>Emphasised text</em></td>
</tr>
</tbody>
</table>
</div>
<script>
CKEDITOR.replace( 'editor1', {
allowedContent: true
} );
CKEDITOR.replace( 'editor2', {
extraPlugins: 'divarea',
allowedContent: true
} );
</script>
|
