8
0
فهرست منبع

Enabled umberto iframe snippets.

Aleksander Nowodzinski 8 سال پیش
والد
کامیت
98e852f24d

+ 6 - 10
packages/ckeditor5-ui/docs/_snippets/examples/bootstrap-ui-inner.html

@@ -1,8 +1,9 @@
-<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
-
 <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
 
 
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
+
 <!-- The outermost cotainer of the editor. -->
 <!-- The outermost cotainer of the editor. -->
 <div class="ck-editor">
 <div class="ck-editor">
 	<!-- The toolbar of the editor. -->
 	<!-- The toolbar of the editor. -->
@@ -14,18 +15,21 @@
 			  <div class="dropdown-menu" aria-labelledby="heading-button"></div>
 			  <div class="dropdown-menu" aria-labelledby="heading-button"></div>
 			</div>
 			</div>
 		</div>
 		</div>
+
 		<!-- Basic styles buttons. -->
 		<!-- Basic styles buttons. -->
 		<div class="btn-group mr-2" role="group" aria-label="Basic styles">
 		<div class="btn-group mr-2" role="group" aria-label="Basic styles">
 			<button type="button" class="btn btn-primary btn-sm" id="bold">B</button>
 			<button type="button" class="btn btn-primary btn-sm" id="bold">B</button>
 			<button type="button" class="btn btn-primary btn-sm" id="italic">I</button>
 			<button type="button" class="btn btn-primary btn-sm" id="italic">I</button>
 			<button type="button" class="btn btn-primary btn-sm" id="underline">U</button>
 			<button type="button" class="btn btn-primary btn-sm" id="underline">U</button>
 		</div>
 		</div>
+
 		<!-- Undo and redo buttons. -->
 		<!-- Undo and redo buttons. -->
 		<div class="btn-group mr-2" role="group" aria-label="Undo">
 		<div class="btn-group mr-2" role="group" aria-label="Undo">
 			<button type="button" class="btn btn-primary btn-sm" id="undo">&larr;</button>
 			<button type="button" class="btn btn-primary btn-sm" id="undo">&larr;</button>
 			<button type="button" class="btn btn-primary btn-sm" id="redo">&rarr;</button>
 			<button type="button" class="btn btn-primary btn-sm" id="redo">&rarr;</button>
 		</div>
 		</div>
 	</div>
 	</div>
+
 	<!-- The container containing data of the editor. -->
 	<!-- The container containing data of the editor. -->
 	<div id="editor">
 	<div id="editor">
 		<h2>Custom UI</h2>
 		<h2>Custom UI</h2>
@@ -38,14 +42,6 @@
 <button type="button" id="toggle-readonly">Toggle editor read–only</button>
 <button type="button" id="toggle-readonly">Toggle editor read–only</button>
 
 
 <style>
 <style>
-	.manual-test-sidebar {
-		display: none;
-	}
-
-	.manual-test-container {
-		padding: 0 .2em;
-	}
-
 	/* Let's give the editor some space and limits using a border. */
 	/* Let's give the editor some space and limits using a border. */
 	.ck-editor {
 	.ck-editor {
 		margin: 1em 0;
 		margin: 1em 0;

+ 1 - 1
packages/ckeditor5-ui/docs/_snippets/examples/bootstrap-ui.html

@@ -1,4 +1,4 @@
-<iframe src="%BASE_PATH%/snippets/bootstrap-ui-inner.html"></iframe>
+<iframe src="%BASE_PATH%/snippets/examples/bootstrap-ui-inner/snippet.html"></iframe>
 
 
 <style>
 <style>
 	iframe {
 	iframe {

+ 2 - 0
packages/ckeditor5-ui/docs/_snippets/examples/bootstrap-ui.js

@@ -2,3 +2,5 @@
  * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  * For licensing, see LICENSE.md.
  * For licensing, see LICENSE.md.
  */
  */
+
+/* config { "dependencies": [ "examples/bootstrap-ui-inner" ] } */

+ 1 - 1
packages/ckeditor5-ui/docs/guides/external-ui.md

@@ -8,7 +8,7 @@ CKEditor 5 is a modular editing framework and allows various flexible configurat
 
 
 In this guide, a [classic–like](https://www.npmjs.com/package/@ckeditor/ckeditor5-build-classic) editor will be bound to a completely separate UI created in [Bootstrap](http://getbootstrap.com/) providing the basic structure and toolbar items necessary to start editing.
 In this guide, a [classic–like](https://www.npmjs.com/package/@ckeditor/ckeditor5-build-classic) editor will be bound to a completely separate UI created in [Bootstrap](http://getbootstrap.com/) providing the basic structure and toolbar items necessary to start editing.
 
 
-{@snippet examples/bootstrap}
+{@snippet examples/bootstrap-ui}
 
 
 ## Readying the editor side
 ## Readying the editor side