8
0
Piotrek Koszuliński 8 лет назад
Родитель
Сommit
4e1133c197

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

@@ -67,7 +67,7 @@
 			.ck-editor .ck-editor__editable {
 				padding: 2em 2em 1em;
 				overflow: auto;
-				height: 140px;
+				height: 300px;
 			}
 
 			/* When in read–only mode, the editable should fade out. */

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

@@ -1,9 +1,9 @@
-<iframe src="%BASE_PATH%/snippets/examples/bootstrap-ui-inner/snippet.html"></iframe>
+<iframe src="%BASE_PATH%/snippets/examples/bootstrap-ui-inner/snippet.html" id="snippet-bootstrap-ui-inner"></iframe>
 
 <style>
-	iframe {
+	#snippet-bootstrap-ui-inner {
 		width: 100%;
-		height: 240px;
+		height: 420px;
 		border: 0;
 	}
 </style>

+ 2 - 2
packages/ckeditor5-ui/docs/examples/bootstrap-ui.md

@@ -1,9 +1,9 @@
 ---
-title: Bootstrap UI
+title: Custom UI (with Bootstrap)
 category: examples-framework
 order: 20
 ---
 
-The editor below runs a completely custom user interface written in [Bootstrap](http://getbootstrap.com/), while the editing is provided by CKEditor 5. To learn more, check out the {@link guides/external-ui detailed guide} on how to integrate an external UI with the editor.
+The editor below runs a completely custom user interface written in [Bootstrap](http://getbootstrap.com/), while the editing is provided by CKEditor 5. To learn more, check out the {@link framework/guides/external-ui detailed guide} on how to integrate an external UI with the editor.
 
 {@snippet examples/bootstrap-ui}

+ 2 - 0
packages/ckeditor5-ui/docs/guides/external-ui.md

@@ -40,6 +40,8 @@ import HeadingEngine from '@ckeditor/ckeditor5-heading/src/headingengine';
 	Note that instead of {@link module:basic-styles/bold~Bold}, which is required for any editor with the default UI to work, just the {@link module:basic-styles/bold~BoldEngine} is imported. It provides the [engine](https://www.npmjs.com/package/@ckeditor/ckeditor5-engine) features associated with editing any bold text but does not come with the actual UI.
 
 	Respectively, `ItalicEngine`, `UnderlineEngine`, `HeadingEngine` and `UndoEngine` are also imported.
+
+	This split between the engine and UI part of features is not perfect yet. At the current stage, the UI part introduces some vital functionality, such as keystroke definitions (e.g. <kbd>Ctrl</kbd>+<kbd>B</kbd> to "bold"). This means that by dropping the UI part of fetures you lose also keystrokes. We [plan to improve](https://github.com/ckeditor/ckeditor5/issues/488) this situation.
 </info-box>
 
 Having imported the very basic editor components, we can define the custom `BootstrapEditor` class that extends the {@link module:core/editor/standardeditor~StandardEditor `StandardEditor`}: