index.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>CKEditor 5 - Build Classic Sample</title>
  6. <style>
  7. body {
  8. max-width: 800px;
  9. margin: 0 auto;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <div id="editor">
  15. <h2>About CKEditor&nbsp;5</h2>
  16. <p>This is <a href="https://ckeditor5.github.io">CKEditor&nbsp;5</a>.
  17. </p>
  18. <figure class="image">
  19. <img src="../tests/manual/sample.jpg" alt="Autumn fields"/>
  20. </figure>
  21. <p>After more than 2 years of building the next generation editor from
  22. scratch and closing over 980 tickets, we created a highly <strong>extensible
  23. and flexible architecture</strong> which consists of an <strong>amazing
  24. editing framework</strong> and <strong>editing
  25. solutions</strong> that will be built on top of it.</p>
  26. <h3>Notes</h3>
  27. <p><a href="https://ckeditor5.github.io">CKEditor&nbsp;5</a> is <em>under
  28. heavy development</em> and this demo is not production-ready
  29. software. For example:</p>
  30. <ul>
  31. <li><strong>Only Chrome, Opera and Safari are supported</strong>.
  32. </li>
  33. <li>Firefox requires enabling the <a
  34. href="https://developer.mozilla.org/en-US/docs/Web/API/Document/onselectionchange">&ldquo;dom.select_events.enabled&rdquo;</a>
  35. option.
  36. </li>
  37. <li><a href="https://github.com/ckeditor/ckeditor5/issues/342">Support
  38. for pasting</a> is under development (content filtering is
  39. unstable).
  40. </li>
  41. </ul>
  42. <p>It has <em>bugs</em> that we are aware of &mdash; and that we
  43. will be working on in the next few iterations of the project. Stay
  44. tuned for some updates soon!</p>
  45. </div>
  46. <script src="../build/ckeditor.js"></script>
  47. <script>
  48. ClassicEditor.create( document.querySelector( '#editor' ) )
  49. .then( editor => {
  50. window.editor = editor;
  51. } )
  52. .catch( err => {
  53. console.error( err.stack );
  54. } );
  55. </script>
  56. </body>
  57. </html>