| 1 | <!DOCTYPE html> |
|---|
| 2 | <html lang="en"> |
|---|
| 3 | <head> |
|---|
| 4 | <meta charset="UTF-8"> |
|---|
| 5 | <script src="https://cdn.ckeditor.com/4.6.1/standard-all/ckeditor.js"></script> |
|---|
| 6 | </head> |
|---|
| 7 | <body> |
|---|
| 8 | |
|---|
| 9 | <div class="container"> |
|---|
| 10 | <h2><label for="editor1">Article Editor</label></h2> |
|---|
| 11 | <textarea id="editor1"> |
|---|
| 12 | <h2>CKEditor Brownies 1</h2> |
|---|
| 13 | <figure class="image image-illustration" style="float:left"> |
|---|
| 14 | <img alt="" height="266" src="http://c.cksource.com/a/1/img/demo/brownie.jpg" width="400" /> |
|---|
| 15 | <figcaption>Bon App&eacute;tit 1!</figcaption> |
|---|
| 16 | </figure> |
|---|
| 17 | <h2>CKEditor Brownies 2</h2> |
|---|
| 18 | <figure class="image image-illustration" style="float:left"> |
|---|
| 19 | <img alt="" height="266" src="http://c.cksource.com/a/1/img/demo/brownie.jpg" width="400" /> |
|---|
| 20 | <figcaption>Bon App&eacute;tit 2!</figcaption> |
|---|
| 21 | </textarea> |
|---|
| 22 | </div> |
|---|
| 23 | <script> |
|---|
| 24 | CKEDITOR.replace( 'editor1', { |
|---|
| 25 | contentsCss: [ 'https://cdn.ckeditor.com/4.6.1/standard-all/contents.css', 'mystyles.css' ] |
|---|
| 26 | } ); |
|---|
| 27 | </script> |
|---|
| 28 | |
|---|
| 29 | </body> |
|---|
| 30 | </html> |
|---|