|
|
@@ -3,10 +3,12 @@
|
|
|
</div>
|
|
|
|
|
|
<div id="editor">
|
|
|
- <h1>Rich editor</h1>
|
|
|
+ <h1>Rich editor (h1)</h1>
|
|
|
+
|
|
|
<p>
|
|
|
This editor features exceptionally high number of plugins.
|
|
|
</p>
|
|
|
+
|
|
|
<p>
|
|
|
It
|
|
|
<strong>features</strong>
|
|
|
@@ -17,6 +19,7 @@
|
|
|
<u>too crazy</u>.
|
|
|
<a href="https://ckeditor.com">Links</a> are also here.
|
|
|
</p>
|
|
|
+
|
|
|
<p>
|
|
|
Font can have customized
|
|
|
<span style="background-color:#e6e64c">background</span>,
|
|
|
@@ -25,4 +28,65 @@
|
|
|
<span class="text-big">height</span>.
|
|
|
You can also <mark class="marker-yellow">mark</mark> it or use <code>code</code> if you want to.
|
|
|
</p>
|
|
|
+
|
|
|
+ <p style="text-align:right">
|
|
|
+ Text alignment can be customized.
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <ol>
|
|
|
+ <li>Ordered list
|
|
|
+ <ol>
|
|
|
+ <li>Ordered list</li>
|
|
|
+ </ol>
|
|
|
+ </li>
|
|
|
+ </ol>
|
|
|
+
|
|
|
+ <ul>
|
|
|
+ <li>Unordered list
|
|
|
+ <ul>
|
|
|
+ <li>Unordered list</li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <ul>
|
|
|
+ <li><input type="checkbox">To-do list item 1</li>
|
|
|
+ <li><input type="checkbox" checked="checked">To-do list item 2</li>
|
|
|
+ <li><input type="checkbox">To-do list item 3</li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <p style="margin-left:40px">Indenting a paragraph is fine too.</p>
|
|
|
+
|
|
|
+ <blockquote>
|
|
|
+ An example blockquote text.
|
|
|
+ </blockquote>
|
|
|
+
|
|
|
+ <table>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>cell</td>
|
|
|
+ <td>cell</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>cell</td>
|
|
|
+ <td>cell</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+
|
|
|
+ <figure class="media">
|
|
|
+ <oembed url="https://www.youtube.com/watch?v=CB70skVw3nU"></oembed>
|
|
|
+ </figure>
|
|
|
+
|
|
|
+ <pre><code class="language-xml"><blockquote>
|
|
|
+ An example blockquote text.
|
|
|
+</blockquote></code></pre>
|
|
|
+
|
|
|
+ <p>Time to separate it with a horizontal rule, followed by a page break:</p>
|
|
|
+
|
|
|
+ <hr>
|
|
|
+
|
|
|
+ <div class="page-break" style="page-break-after:always;"><span style="display:none;"> </span></div>
|
|
|
+
|
|
|
+ <p>There is a possibility to work with the restricted editing plugin: <span class="restricted-editing-exception">Like that</span>.</p>
|
|
|
</div>
|