瀏覽代碼

Docs: Changed inline color feature example name.

Damian Konopka 7 年之前
父節點
當前提交
99df6ccde7

+ 4 - 4
packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-colors-normal.html

@@ -1,19 +1,19 @@
 <style>
 	/* We are not using here :root because of many instances of editor */
-	#snippet-custom-highlight-colors-normal + .ck-editor .marker-green {
+	#snippet-custom-highlight-colors-inline + .ck-editor .marker-green {
 		background-color: rgb(24, 201, 32);
 	}
 
-	#snippet-custom-highlight-colors-normal + .ck-editor .marker-yellow {
+	#snippet-custom-highlight-colors-inline + .ck-editor .marker-yellow {
 		background-color: #f2ee28;
 	}
 
-	#snippet-custom-highlight-colors-normal + .ck-editor .pen-red {
+	#snippet-custom-highlight-colors-inline + .ck-editor .pen-red {
 		color: hsl(355, 78%, 49%);
 	}
 </style>
 
-<div id="snippet-custom-highlight-colors-normal">
+<div id="snippet-custom-highlight-colors-inline">
 	<p>
 		Here are markers defined as rgb, hex or hsl format directly in .js config:
 	</p>

+ 1 - 1
packages/ckeditor5-highlight/docs/_snippets/features/custom-highlight-colors-normal.js

@@ -5,7 +5,7 @@
 
 /* globals ClassicEditor, console, window, document */
 ClassicEditor
-	.create( document.querySelector( '#snippet-custom-highlight-colors-normal' ), {
+	.create( document.querySelector( '#snippet-custom-highlight-colors-inline' ), {
 		toolbar: {
 			items: [
 				'headings', '|', 'bulletedList', 'numberedList', 'highlightDropdown', 'undo', 'redo'

+ 2 - 2
packages/ckeditor5-highlight/docs/features/highlight.md

@@ -94,7 +94,7 @@ The highlight feature by default is using power of [CSS Variables](https://devel
 
 {@snippet features/custom-highlight-colors-variables}
 
-#### Inline color in config
+#### Inline
 
 There is also possibility to use inline color values like `rgb`, `hex` or `hsl` format. Firstly, you need to change values of markers and pens in {@link module:highlight/highlight~HighlightConfig#options `highlight.options`} .
 
@@ -148,7 +148,7 @@ Secondly you need to take care of changes in stylesheet classes due to skipping
 }
 ```
 
-{@snippet features/custom-highlight-colors-normal}
+{@snippet features/custom-highlight-colors-inline}
 
 ## Installation
 

+ 2 - 2
packages/ckeditor5-highlight/src/highlight.js

@@ -54,7 +54,7 @@ export default class Highlight extends Plugin {
  * @property {String} model The unique attribute value in the model.
  * @property {String} color The CSS var() used for the highlighter. The color is used in the user interface to represent the highlighter.
  * It is possible to use default color format.
- * See: {@link features/highlight#custom-colors Custom colors - Inline color in config}.
+ * See: {@link features/highlight#inline Custom colors - Inline}.
  * @property {String} class The CSS class used on the `<mark>` element in the view. It should match the `color` setting.
  * @property {'marker'|'pen'} type The type of highlighter:
  * - `'marker'` – uses the `color` as a `background-color` style,
@@ -138,7 +138,7 @@ export default class Highlight extends Plugin {
  *
  * **Note**: A stylesheet with CSS classes is required for the configuration to work properly thanks to CSS Variables.
  * The highlight feature provides actual stylesheet with default colors. It is possible to use inline color format
- * like rgb/hex or hsl. See: {@link features/highlight#custom-colors Custom colors - Inline color in config}
+ * like rgb/hex or hsl. See: {@link features/highlight#inline Custom colors - Inline}.
  *
  * **Note**: It is recommended that the `color` value should correspond to the class in the content
  * style sheet. It represents the highlighter in the user interface of the editor.