| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <div id="editor">
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of [select] text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- <p>Line of text, line of text, line of text, line of text.</p>
- </div>
- <style>
- .ck-editor {
- margin: 5em auto;
- max-width: 70%;
- }
- .highlight.yellow {
- background: hsla(55, 100%, 50%, 0.75);
- }
- .highlight.blue {
- background: hsla(249, 100%, 50%, 0.75);
- }
- .highlight.pink {
- background: hsla(313, 100%, 50%, 0.75);
- }
- .highlight.green {
- background: hsla(114, 100%, 50%, 0.75);
- }
- .ck p.custom-view {
- width: 300px;
- text-align: center;
- font-size: 14px;
- padding: 10px 10px 9px;
- }
- </style>
|