1 | <!DOCTYPE html> |
---|
2 | <html> |
---|
3 | <head> |
---|
4 | <meta charset="utf-8"> |
---|
5 | <title>Replace Textarea by Code — CKEditor Sample</title> |
---|
6 | <script src="../../ckeditor.js"></script> |
---|
7 | <link href="../../samples/sample.css" rel="stylesheet"> |
---|
8 | </head> |
---|
9 | <body> |
---|
10 | <h1 class="samples"> |
---|
11 | CKEditor Sample — Replace Textarea Elements Using JavaScript Code |
---|
12 | </h1> |
---|
13 | <div> |
---|
14 | <label for="editor1">Editor 1:</label> |
---|
15 | <p> |
---|
16 | This editor is created on an empty textarea. |
---|
17 | </p> |
---|
18 | <!--<div id="editor1"></div>--> |
---|
19 | <textarea cols="80" id="editor1" name="editor1" rows="10"> |
---|
20 | <table> |
---|
21 | <tr> |
---|
22 | <td>cell</td> |
---|
23 | </tr> |
---|
24 | </table> |
---|
25 | </textarea> |
---|
26 | <!--<div id="editor1"></div>--> |
---|
27 | <textarea cols="80" id="editor2" name="editor2" rows="10"> |
---|
28 | <table> |
---|
29 | <tr> |
---|
30 | <td>cell</td> |
---|
31 | </tr> |
---|
32 | </table> |
---|
33 | </textarea> |
---|
34 | <script> |
---|
35 | CKEDITOR.replace( 'editor1' ); |
---|
36 | CKEDITOR.replace( 'editor2', { language : 'he'} ); |
---|
37 | |
---|
38 | CKEDITOR.on( 'instanceLoaded', function( evt ) { |
---|
39 | evt.editor._.menuItems.tablecell.label = CKEDITOR.tools.repeat( evt.editor.lang.table.cell.menu, 10 ); |
---|
40 | }) |
---|
41 | </script> |
---|
42 | </div> |
---|
43 | |
---|
44 | |
---|
45 | </body> |
---|
46 | </html> |
---|