index.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>CKEditor 5 – classic editor build – development 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 editor build – development sample</h1>
  15. <div id="editor">
  16. <h2>Sample</h2>
  17. <p>This is an instance of the <a href="https://ckeditor.com/docs/ckeditor5/latest/builds/guides/overview.html#classic-editor">classic editor build</a>.</p>
  18. <figure class="image">
  19. <img src="../tests/manual/sample.jpg" alt="Autumn fields" />
  20. </figure>
  21. <p>You can use this sample to validate whether your <a href="https://ckeditor.com/docs/ckeditor5/latest/builds/guides/development/custom-builds.html">custom build</a> works fine.</p>
  22. </div>
  23. <script src="../build/ckeditor.js"></script>
  24. <script>
  25. ClassicEditor.create( document.querySelector( '#editor' ) )
  26. .then( editor => {
  27. window.editor = editor;
  28. } )
  29. .catch( error => {
  30. console.error( 'There was a problem initializing the editor.', error );
  31. } );
  32. </script>
  33. </body>
  34. </html>