index.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  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://ckeditor5.github.io/docs/nightly/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://ckeditor5.github.io/docs/nightly/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. cloudServices: {
  27. tokenUrl: 'http://localhost',
  28. additionalOption: 'some-value'
  29. }
  30. } )
  31. .then( editor => {
  32. window.editor = editor;
  33. } )
  34. .catch( err => {
  35. console.error( err.stack );
  36. } );
  37. </script>
  38. </body>
  39. </html>