index.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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>.</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 scratch and closing over 980 tickets, we created a highly <strong>extensible and flexible architecture</strong> which consists of an <strong>amazing editing framework</strong> and <strong>editing solutions</strong> that will be built on top of it.</p>
  22. <p>We explained this design choice in <a href="https://medium.com/content-uneditable/ckeditor-5-the-future-of-rich-text-editing-2b9300f9df2c">&ldquo;CKEditor 5: The future of rich text editing&ldquo;</a>:</p>
  23. <blockquote><p>(…) we are changing our approach with CKEditor 5. We will no longer have only two solutions available, instead CKEditor will be seen as a framework for editing solutions. At the same time, we will be developing several out-of-the-box solutions based on it, which will be available to use in many different contexts. It will be a real “one size fits all” approach, from little requirements, to super advanced full featured applications.</p></blockquote>
  24. <h3>Notes</h3>
  25. <p><a href="https://ckeditor5.github.io">CKEditor&nbsp;5</a> is <em>under heavy development</em> and this demo is not production-ready software. For example:</p>
  26. <ul>
  27. <li><strong>Only Chrome, Opera and Safari are supported</strong>.</li>
  28. <li>Firefox requires enabling the <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/onselectionchange">&ldquo;dom.select_events.enabled&rdquo;</a> option.</li>
  29. <li><a href="https://github.com/ckeditor/ckeditor5/issues/342">Support for pasting</a> is under development (content filtering is unstable).</li>
  30. </ul>
  31. <p>It has <em>bugs</em> that we are aware of &mdash; and that we will be working on in the next few iterations of the project. Stay tuned for some updates soon!</p>
  32. </div>
  33. <script src="../build/ckeditor.js"></script>
  34. <script>
  35. ClassicEditor.create( document.querySelector( '#editor' ) )
  36. .then( editor => {
  37. window.editor = editor;
  38. } )
  39. .catch( err => {
  40. console.error( err.stack );
  41. } );
  42. </script>
  43. </body>
  44. </html>