| 123456789101112131415161718192021222324252627282930313233 |
- <h2>The toolbar</h2>
- <div class="toolbar-container ck-reset_all"></div>
- <h2>The editable</h2>
- <div class="editable-container ck-reset "></div>
- <style>
- .editable-container,
- .toolbar-container {
- position: relative;
- border: 1px solid #ddd;
- background: #eee;
- }
- .toolbar-container {
- padding: 1em;
- }
- .editable-container {
- padding: 3em;
- overflow-y: scroll;
- max-height: 500px;
- }
- .editable-container .ck-editor__editable {
- min-height: 21cm;
- padding: 2em;
- border: 1px #D3D3D3 solid;
- border-radius: var(--ck-border-radius);
- background: white;
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
- }
- </style>
|