|
|
@@ -0,0 +1,43 @@
|
|
|
+---
|
|
|
+category: features
|
|
|
+menu-title: Horizontal rule
|
|
|
+---
|
|
|
+
|
|
|
+# Horizontal rule
|
|
|
+
|
|
|
+The {@link module:horizontal-rule/horizontalrule~HorizontalRule} plugin provides a possibility to insert a horizontal rule in the rich-text editor.
|
|
|
+
|
|
|
+## Demo
|
|
|
+
|
|
|
+Use the editor below to see the {@link module:horizontal-rule/horizontalrule~HorizontalRule} plugin in action.
|
|
|
+
|
|
|
+{@snippet features/horizontal-rule}
|
|
|
+
|
|
|
+## Installation
|
|
|
+
|
|
|
+To add this feature to your rich-text editor, install the [`@ckeditor/ckeditor5-horizontal-rule`](https://www.npmjs.com/package/@ckeditor/ckeditor5-horizontal-rule) package:
|
|
|
+
|
|
|
+```bash
|
|
|
+npm install --save @ckeditor/ckeditor5-horizontal-rule
|
|
|
+```
|
|
|
+
|
|
|
+And add it to your plugin list configuration:
|
|
|
+
|
|
|
+```js
|
|
|
+import HorizontalRule from '@ckeditor/ckeditor5-horizontal-rule/src/horizontalrule';
|
|
|
+
|
|
|
+ClassicEditor
|
|
|
+ .create( document.querySelector( '#editor' ), {
|
|
|
+ plugins: [ HorizontalRule, ... ],
|
|
|
+ } )
|
|
|
+ .then( ... )
|
|
|
+ .catch( ... );
|
|
|
+```
|
|
|
+
|
|
|
+<info-box info>
|
|
|
+ Read more about {@link builds/guides/integration/installing-plugins installing plugins}.
|
|
|
+</info-box>
|
|
|
+
|
|
|
+## Contribute
|
|
|
+
|
|
|
+The source code of the feature is available on GitHub in https://github.com/ckeditor/ckeditor5-horizontal-rule.
|