|
|
@@ -1,8 +1,9 @@
|
|
|
---
|
|
|
-title: Highlight
|
|
|
category: features
|
|
|
---
|
|
|
|
|
|
+# Highlight
|
|
|
+
|
|
|
{@snippet features/build-highlight-source}
|
|
|
|
|
|
The {@link module:highlight/highlight~Highlight} feature offers text marking tools that help content authors speed up their work, for example when reviewing content or marking it for future reference. It uses inline `<mark>` elements in the view, supports both markers (background color) and pens (text color), and comes with a flexible configuration.
|
|
|
@@ -53,7 +54,7 @@ ClassicEditor
|
|
|
|
|
|
### Inline buttons
|
|
|
|
|
|
-Instead of using the (default) `highlight` button, the feature also supports a configuration with separate buttons available directly in the toolbar:
|
|
|
+Instead of using the (default) `'highlight'` button, the feature also supports a configuration with separate buttons available directly in the toolbar:
|
|
|
|
|
|
```js
|
|
|
ClassicEditor
|
|
|
@@ -210,7 +211,7 @@ The {@link module:highlight/highlight~Highlight} plugin registers:
|
|
|
]
|
|
|
```
|
|
|
|
|
|
- the `highlight` command will accept the corresponding strings as values:
|
|
|
+ the `'highlight'` command will accept the corresponding strings as values:
|
|
|
|
|
|
* `'yellowMarker'` – available as the `'highlight:yellowMarker'` button,
|
|
|
* `'greenMarker'` – available as the `'highlight:greenMarker'` button,
|
|
|
@@ -219,7 +220,7 @@ The {@link module:highlight/highlight~Highlight} plugin registers:
|
|
|
* `'redPen'` – available as the `'highlight:redPen'` button,
|
|
|
* `'greenPen'` – available as the `'highlight:greenPen'` button.
|
|
|
|
|
|
- Passing an empty `value` will remove any `highlight` from the selection:
|
|
|
+ Passing an empty `value` will remove any `highlight` attribute from the selection:
|
|
|
|
|
|
```js
|
|
|
editor.execute( 'highlight' );
|