8
0

index.html 1.8 KB

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