| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>CKEditor 5 – classic build sample</title>
- <style>
- body {
- max-width: 800px;
- margin: 20px auto;
- }
- </style>
- </head>
- <body>
- <h1>CKEditor 5 – classic build sample</h1>
- <div id="editor">
- <h2>About CKEditor 5</h2>
- <p>This is <a href="https://ckeditor5.github.io">CKEditor 5</a>.
- </p>
- <figure class="image">
- <img src="../tests/manual/sample.jpg" alt="Autumn fields" />
- </figure>
- <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>
- <h3>Notes</h3>
- <p><a href="https://ckeditor5.github.io">CKEditor 5</a> is <em>under
- heavy development</em> and this demo is not production-ready
- software. For example:</p>
- <ul>
- <li><strong>Only Chrome, Opera and Safari are supported</strong>.
- </li>
- <li>Firefox requires enabling the <a
- href="https://developer.mozilla.org/en-US/docs/Web/API/Document/onselectionchange">“dom.select_events.enabled”</a>
- option.
- </li>
- <li><a href="https://github.com/ckeditor/ckeditor5/issues/342">Support
- for pasting</a> is under development (content filtering is
- unstable).
- </li>
- </ul>
- <p>It has <em>bugs</em> that we are aware of — and that we
- will be working on in the next few iterations of the project. Stay
- tuned for some updates soon!</p>
- </div>
- <script src="../build/ckeditor.js"></script>
- <script>
- ClassicEditor.create( document.querySelector( '#editor' ) )
- .then( editor => {
- window.editor = editor;
- } )
- .catch( err => {
- console.error( err.stack );
- } );
- </script>
- </body>
- </html>
|