ckeditor5-image-upload-base64
Version:
The development environment of CKEditor 5 – the best browser-based rich text editor.
56 lines (48 loc) • 1.33 kB
HTML
<head>
<!-- Required to fetch runtime data from https://www.wiris.net. -->
<meta http-equiv="Content-Security-Policy"
content="connect-src 'self' https://cksource.com http://*.cke-cs.com https://www.wiris.net;">
</head>
<div id="editor">
<h2>Hello world!</h2>
<figure class="table">
<table>
<tbody>
<tr>
<td>
<h2>Header 2</h2>
<p>Sample text with <span class="mention" data-mention="@Lily">@Lily</span> mentioned.</p>
</td>
<td>
<span style="color:hsl(0,75%,60%);"><i>Colors</i></span>
<span style="background-color:hsl(270,75%,60%);color:hsl(0,0%,100%);"><strong>are</strong></span>
plain
<span class="text-big" style="color:hsl(210,75%,60%);">awesome</span>
<span class="text-huge"><mark class="marker-yellow">!</mark></span>
</td>
</tr>
<tr>
<td>
<figure class="image">
<img src="sample.jpg" alt="CKEditor logo" />
<figcaption>An <u>image</u></figcaption>
</figure>
</td>
<td>
<ol>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ol>
<p>Closing paragraph.</p>
</td>
</tr>
</tbody>
</table>
</figure>
<blockquote>
<p>This is a quote block.</p>
</blockquote>
<p style="text-align:center;">Centered paragraph.</p>
<p>Sample text</p>
</div>