8
0

ckeditor-cjs-version.html 623 B

123456789101112131415161718192021222324252627282930313233
  1. <h2>The toolbar</h2>
  2. <div class="toolbar-container ck-reset_all"></div>
  3. <h2>The editable</h2>
  4. <div class="editable-container ck-reset "></div>
  5. <style>
  6. .editable-container,
  7. .toolbar-container {
  8. position: relative;
  9. border: 1px solid #ddd;
  10. background: #eee;
  11. }
  12. .toolbar-container {
  13. padding: 1em;
  14. }
  15. .editable-container {
  16. padding: 3em;
  17. overflow-y: scroll;
  18. max-height: 500px;
  19. }
  20. .editable-container .ck-editor__editable {
  21. min-height: 21cm;
  22. padding: 2em;
  23. border: 1px #D3D3D3 solid;
  24. border-radius: var(--ck-border-radius);
  25. background: white;
  26. box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  27. }
  28. </style>