Browse Source

Docs: Updated special characters demo.

Anna Tomanek 5 years ago
parent
commit
fa1c105384

+ 8 - 48
packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-extended-category.html

@@ -2,54 +2,14 @@
 	<h3>Euro foreign exchange reference rates</h3>
 	<p>As of February 10, 2020</p>
 	<p>All currencies quoted against the euro (€) as base currency.</p>
-	<table>
-		<thead>
-			<tr>
-				<th scope="col">Currency name</th>
-				<th scope="col">Symbol</th>
-				<th scope="col">Spot</th>
-				<th scope="col">Change</th>
-			</tr>
-		</thead>
-		<tbody>
-			<tr>
-				<td>US Dollar</td>
-				<td>$</td>
-				<td>1.0951</td>
-				<td>↓</td>
-			</tr>
-			<tr>
-				<td>British Pound</td>
-				<td>£</td>
-				<td>0.8463</td>
-				<td>↓</td>
-			</tr>
-			<tr>
-				<td>Indian Rupee</td>
-				<td>₹</td>
-				<td>78.1070</td>
-				<td>↓</td>
-			</tr>
-			<tr>
-				<td>Japanese Yen</td>
-				<td>¥</td>
-				<td>120.1800</td>
-				<td>↓</td>
-			</tr>
-			<tr>
-				<td>Russian Ruble</td>
-				<td>₽</td>
-				<td>70.1120</td>
-				<td>↑</td>
-			</tr>
-			<tr>
-				<td>Turkish Lira</td>
-				<td>₺</td>
-				<td>6.5897</td>
-				<td>↑</td>
-			</tr>
-		</tbody>
-	</table>
+	<ul>
+		<li>Currency: <strong>US Dollar</strong>, symbol: <strong>$</strong>, spot: <strong>1.0951</strong>, change: <span style="color:hsl(0,75%,60%);"><strong>↓</strong></span></li>
+		<li>Currency: <strong>British Pound</strong>, symbol: <strong>£</strong>, spot: <strong>0.8463</strong>, change: <span style="color:hsl(0,75%,60%);"><strong>↓</strong></span></li>
+		<li>Currency: <strong>Indian Rupee</strong>, symbol: <strong>₹</strong>, spot: <strong>78.1070</strong>, change: <span style="color:hsl(0,75%,60%);"><strong>↓</strong></span></li>
+		<li>Currency: <strong>Japanese Yen</strong>, symbol: <strong>¥</strong>, spot: <strong>120.1800</strong>, change: <span style="color:hsl(0,75%,60%);"><strong>↓</strong></span></li>
+		<li>Currency: <strong>Russian Ruble</strong>, symbol: <strong>₽</strong>, spot: <strong>70.1120</strong>, change: <span style="color:hsl(120,90%,25%);"><strong>↑</strong></span></li>
+		<li>Currency: <strong>Turkish Lira</strong>, symbol: <strong>₺</strong>, spot: <strong>6.5897</strong>, change: <span style="color:hsl(120,90%,25%);"><strong>↑</strong></span></li>
+	</ul>
 </div>
 
 <style>

+ 3 - 0
packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-extended-category.js

@@ -28,6 +28,9 @@ ClassicEditor
 				'bulletedList',
 				'numberedList',
 				'|',
+				'fontColor',
+				'fontBackgroundColor',
+				'|',
 				'outdent',
 				'indent',
 				'|',

+ 8 - 41
packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-limited-categories.html

@@ -2,47 +2,14 @@
 	<h3>Euro foreign exchange reference rates</h3>
 	<p>As of February 10, 2020</p>
 	<p>All currencies quoted against the euro (€) as base currency.</p>
-	<table>
-		<thead>
-			<tr>
-				<th scope="col">Currency name</th>
-				<th scope="col">Symbol</th>
-				<th scope="col">Spot</th>
-			</tr>
-		</thead>
-		<tbody>
-			<tr>
-				<td>US Dollar</td>
-				<td>$</td>
-				<td>1.0951</td>
-			</tr>
-			<tr>
-				<td>British Pound</td>
-				<td>£</td>
-				<td>0.8463</td>
-			</tr>
-			<tr>
-				<td>Indian Rupee</td>
-				<td>₹</td>
-				<td>78.1070</td>
-			</tr>
-			<tr>
-				<td>Japanese Yen</td>
-				<td>¥</td>
-				<td>120.1800</td>
-			</tr>
-			<tr>
-				<td>Russian Ruble</td>
-				<td>₽</td>
-				<td>70.1120</td>
-			</tr>
-			<tr>
-				<td>Turkish Lira</td>
-				<td>₺</td>
-				<td>6.5897</td>
-			</tr>
-		</tbody>
-	</table>
+	<ul>
+		<li>Currency: <strong>US Dollar</strong>, symbol: <strong>$</strong>, spot: <strong>1.0951</strong></li>
+		<li>Currency: <strong>British Pound</strong>, symbol: <strong>£</strong>, spot: <strong>0.8463</strong></li>
+		<li>Currency: <strong>Indian Rupee</strong>, symbol: <strong>₹</strong>, spot: <strong>78.1070</strong></li>
+		<li>Currency: <strong>Japanese Yen</strong>, symbol: <strong>¥</strong>, spot: <strong>120.1800</strong></li>
+		<li>Currency: <strong>Russian Ruble</strong>, symbol: <strong>₽</strong>, spot: <strong>70.1120</strong></li>
+		<li>Currency: <strong>Turkish Lira</strong>, symbol: <strong>₺</strong>, spot: <strong>6.5897</strong></li>
+	</ul>
 </div>
 
 <style>

+ 3 - 1
packages/ckeditor5-special-characters/docs/_snippets/features/special-characters-source.js

@@ -11,7 +11,9 @@ import SpecialCharactersEssentials from '@ckeditor/ckeditor5-special-characters/
 import SpecialCharactersCurrency from '@ckeditor/ckeditor5-special-characters/src/specialcharacterscurrency';
 import SpecialCharactersMathematical from '@ckeditor/ckeditor5-special-characters/src/specialcharactersmathematical';
 
-ClassicEditor.builtinPlugins.push( SpecialCharacters );
+import Font from '@ckeditor/ckeditor5-font/src/font';
+
+ClassicEditor.builtinPlugins.push( SpecialCharacters, Font );
 
 window.ClassicEditor = ClassicEditor;
 window.SpecialCharacters = SpecialCharacters;

+ 8 - 41
packages/ckeditor5-special-characters/docs/_snippets/features/special-characters.html

@@ -2,47 +2,14 @@
 	<h3>Euro foreign exchange reference rates</h3>
 	<p>As of February 10, 2020</p>
 	<p>All currencies quoted against the euro (€) as base currency.</p>
-	<table>
-		<thead>
-			<tr>
-				<th scope="col">Currency name</th>
-				<th scope="col">Symbol</th>
-				<th scope="col">Spot</th>
-			</tr>
-		</thead>
-		<tbody>
-			<tr>
-				<td>US Dollar</td>
-				<td>$</td>
-				<td>1.0951</td>
-			</tr>
-			<tr>
-				<td>British Pound</td>
-				<td>£</td>
-				<td>0.8463</td>
-			</tr>
-			<tr>
-				<td>Indian Rupee</td>
-				<td>₹</td>
-				<td>78.1070</td>
-			</tr>
-			<tr>
-				<td>Japanese Yen</td>
-				<td>¥</td>
-				<td>120.1800</td>
-			</tr>
-			<tr>
-				<td>Russian Ruble</td>
-				<td>₽</td>
-				<td>70.1120</td>
-			</tr>
-			<tr>
-				<td>Turkish Lira</td>
-				<td>₺</td>
-				<td>6.5897</td>
-			</tr>
-		</tbody>
-	</table>
+	<ul>
+		<li>Currency: <strong>US Dollar</strong>, symbol: <strong>$</strong>, spot: <strong>1.0951</strong></li>
+		<li>Currency: <strong>British Pound</strong>, symbol: <strong>£</strong>, spot: <strong>0.8463</strong></li>
+		<li>Currency: <strong>Indian Rupee</strong>, symbol: <strong>₹</strong>, spot: <strong>78.1070</strong></li>
+		<li>Currency: <strong>Japanese Yen</strong>, symbol: <strong>¥</strong>, spot: <strong>120.1800</strong></li>
+		<li>Currency: <strong>Russian Ruble</strong>, symbol: <strong>₽</strong>, spot: <strong>70.1120</strong></li>
+		<li>Currency: <strong>Turkish Lira</strong>, symbol: <strong>₺</strong>, spot: <strong>6.5897</strong></li>
+	</ul>
 </div>
 
 <style>