ckeditor5-image-upload-base64
Version:
The development environment of CKEditor 5 – the best browser-based rich text editor.
69 lines (60 loc) • 1.73 kB
HTML
<head>
<!--
Required to fetch runtime data from https://svc.webspellchecker.net.
-->
<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://cksource.com https://svc.webspellchecker.net;">
</head>
<script
type="text/javascript"
src="https://svc.webspellchecker.net/spellcheck31/wscbundle/wscbundle.js"
data-wsc-serviceid="1:Eebp63-lWHbt2-ASpHy4-AYUpy2-fo3mk4-sKrza1-NsuXy4-I1XZC2-0u2F54-aqYWd1-l3Qf14-umd"
data-wsc-autosearch="true"
data-wsc-enablegrammar="true"
></script>
<div id="editor">
<h2>Hello world witth an obvious typo</h2>
<figure class="table">
<table>
<tbody>
<tr>
<td>
<h2>Header 2</h2>
<p>
<span class="mention" data-mention="@Ted">@Ted</span>
very rarely makes a typo. However he occasionally forgets to add a comma after “however”.
</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>