@ckeditor/ckeditor5-basic-styles 38.1.1 → 38.2.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +3 -2
- package/src/attributecommand.d.ts +74 -74
- package/src/attributecommand.js +105 -105
- package/src/augmentation.d.ts +40 -40
- package/src/augmentation.js +5 -5
- package/src/bold/boldediting.d.ts +24 -24
- package/src/bold/boldediting.js +62 -62
- package/src/bold/boldui.d.ts +21 -21
- package/src/bold/boldui.js +47 -47
- package/src/bold.d.ts +29 -29
- package/src/bold.js +33 -33
- package/src/code/codeediting.d.ts +29 -29
- package/src/code/codeediting.js +59 -59
- package/src/code/codeui.d.ts +22 -22
- package/src/code/codeui.js +48 -48
- package/src/code.d.ts +30 -30
- package/src/code.js +34 -34
- package/src/index.d.ts +30 -30
- package/src/index.js +29 -29
- package/src/italic/italicediting.d.ts +24 -24
- package/src/italic/italicediting.js +52 -52
- package/src/italic/italicui.d.ts +21 -21
- package/src/italic/italicui.js +48 -48
- package/src/italic.d.ts +29 -29
- package/src/italic.js +33 -33
- package/src/strikethrough/strikethroughediting.d.ts +25 -25
- package/src/strikethrough/strikethroughediting.js +54 -54
- package/src/strikethrough/strikethroughui.d.ts +21 -21
- package/src/strikethrough/strikethroughui.js +48 -48
- package/src/strikethrough.d.ts +29 -29
- package/src/strikethrough.js +33 -33
- package/src/subscript/subscriptediting.d.ts +24 -24
- package/src/subscript/subscriptediting.js +50 -50
- package/src/subscript/subscriptui.d.ts +21 -21
- package/src/subscript/subscriptui.js +47 -47
- package/src/subscript.d.ts +26 -26
- package/src/subscript.js +30 -30
- package/src/superscript/superscriptediting.d.ts +24 -24
- package/src/superscript/superscriptediting.js +50 -50
- package/src/superscript/superscriptui.d.ts +21 -21
- package/src/superscript/superscriptui.js +47 -47
- package/src/superscript.d.ts +26 -26
- package/src/superscript.js +30 -30
- package/src/underline/underlineediting.d.ts +24 -24
- package/src/underline/underlineediting.js +49 -49
- package/src/underline/underlineui.d.ts +21 -21
- package/src/underline/underlineui.js +48 -48
- package/src/underline.d.ts +29 -29
- package/src/underline.js +33 -33
- package/build/basic-styles.js.map +0 -1
package/src/bold/boldui.d.ts
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module basic-styles/bold/boldui
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
/**
|
|
10
|
-
* The bold UI feature. It introduces the Bold button.
|
|
11
|
-
*/
|
|
12
|
-
export default class BoldUI extends Plugin {
|
|
13
|
-
/**
|
|
14
|
-
* @inheritDoc
|
|
15
|
-
*/
|
|
16
|
-
static get pluginName(): "BoldUI";
|
|
17
|
-
/**
|
|
18
|
-
* @inheritDoc
|
|
19
|
-
*/
|
|
20
|
-
init(): void;
|
|
21
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module basic-styles/bold/boldui
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
/**
|
|
10
|
+
* The bold UI feature. It introduces the Bold button.
|
|
11
|
+
*/
|
|
12
|
+
export default class BoldUI extends Plugin {
|
|
13
|
+
/**
|
|
14
|
+
* @inheritDoc
|
|
15
|
+
*/
|
|
16
|
+
static get pluginName(): "BoldUI";
|
|
17
|
+
/**
|
|
18
|
+
* @inheritDoc
|
|
19
|
+
*/
|
|
20
|
+
init(): void;
|
|
21
|
+
}
|
package/src/bold/boldui.js
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module basic-styles/bold/boldui
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin, icons } from 'ckeditor5/src/core';
|
|
9
|
-
import { ButtonView } from 'ckeditor5/src/ui';
|
|
10
|
-
const BOLD = 'bold';
|
|
11
|
-
/**
|
|
12
|
-
* The bold UI feature. It introduces the Bold button.
|
|
13
|
-
*/
|
|
14
|
-
export default class BoldUI extends Plugin {
|
|
15
|
-
/**
|
|
16
|
-
* @inheritDoc
|
|
17
|
-
*/
|
|
18
|
-
static get pluginName() {
|
|
19
|
-
return 'BoldUI';
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* @inheritDoc
|
|
23
|
-
*/
|
|
24
|
-
init() {
|
|
25
|
-
const editor = this.editor;
|
|
26
|
-
const t = editor.t;
|
|
27
|
-
// Add bold button to feature components.
|
|
28
|
-
editor.ui.componentFactory.add(BOLD, locale => {
|
|
29
|
-
const command = editor.commands.get(BOLD);
|
|
30
|
-
const view = new ButtonView(locale);
|
|
31
|
-
view.set({
|
|
32
|
-
label: t('Bold'),
|
|
33
|
-
icon: icons.bold,
|
|
34
|
-
keystroke: 'CTRL+B',
|
|
35
|
-
tooltip: true,
|
|
36
|
-
isToggleable: true
|
|
37
|
-
});
|
|
38
|
-
view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');
|
|
39
|
-
// Execute command.
|
|
40
|
-
this.listenTo(view, 'execute', () => {
|
|
41
|
-
editor.execute(BOLD);
|
|
42
|
-
editor.editing.view.focus();
|
|
43
|
-
});
|
|
44
|
-
return view;
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module basic-styles/bold/boldui
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin, icons } from 'ckeditor5/src/core.js';
|
|
9
|
+
import { ButtonView } from 'ckeditor5/src/ui.js';
|
|
10
|
+
const BOLD = 'bold';
|
|
11
|
+
/**
|
|
12
|
+
* The bold UI feature. It introduces the Bold button.
|
|
13
|
+
*/
|
|
14
|
+
export default class BoldUI extends Plugin {
|
|
15
|
+
/**
|
|
16
|
+
* @inheritDoc
|
|
17
|
+
*/
|
|
18
|
+
static get pluginName() {
|
|
19
|
+
return 'BoldUI';
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* @inheritDoc
|
|
23
|
+
*/
|
|
24
|
+
init() {
|
|
25
|
+
const editor = this.editor;
|
|
26
|
+
const t = editor.t;
|
|
27
|
+
// Add bold button to feature components.
|
|
28
|
+
editor.ui.componentFactory.add(BOLD, locale => {
|
|
29
|
+
const command = editor.commands.get(BOLD);
|
|
30
|
+
const view = new ButtonView(locale);
|
|
31
|
+
view.set({
|
|
32
|
+
label: t('Bold'),
|
|
33
|
+
icon: icons.bold,
|
|
34
|
+
keystroke: 'CTRL+B',
|
|
35
|
+
tooltip: true,
|
|
36
|
+
isToggleable: true
|
|
37
|
+
});
|
|
38
|
+
view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');
|
|
39
|
+
// Execute command.
|
|
40
|
+
this.listenTo(view, 'execute', () => {
|
|
41
|
+
editor.execute(BOLD);
|
|
42
|
+
editor.editing.view.focus();
|
|
43
|
+
});
|
|
44
|
+
return view;
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
}
|
package/src/bold.d.ts
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module basic-styles/bold
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import BoldEditing from './bold/boldediting';
|
|
10
|
-
import BoldUI from './bold/boldui';
|
|
11
|
-
/**
|
|
12
|
-
* The bold feature.
|
|
13
|
-
*
|
|
14
|
-
* For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide
|
|
15
|
-
* and the {@glink api/basic-styles package page}.
|
|
16
|
-
*
|
|
17
|
-
* This is a "glue" plugin which loads the {@link module:basic-styles/bold/boldediting~BoldEditing bold editing feature}
|
|
18
|
-
* and {@link module:basic-styles/bold/boldui~BoldUI bold UI feature}.
|
|
19
|
-
*/
|
|
20
|
-
export default class Bold extends Plugin {
|
|
21
|
-
/**
|
|
22
|
-
* @inheritDoc
|
|
23
|
-
*/
|
|
24
|
-
static get requires(): readonly [typeof BoldEditing, typeof BoldUI];
|
|
25
|
-
/**
|
|
26
|
-
* @inheritDoc
|
|
27
|
-
*/
|
|
28
|
-
static get pluginName(): "Bold";
|
|
29
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module basic-styles/bold
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
import BoldEditing from './bold/boldediting.js';
|
|
10
|
+
import BoldUI from './bold/boldui.js';
|
|
11
|
+
/**
|
|
12
|
+
* The bold feature.
|
|
13
|
+
*
|
|
14
|
+
* For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide
|
|
15
|
+
* and the {@glink api/basic-styles package page}.
|
|
16
|
+
*
|
|
17
|
+
* This is a "glue" plugin which loads the {@link module:basic-styles/bold/boldediting~BoldEditing bold editing feature}
|
|
18
|
+
* and {@link module:basic-styles/bold/boldui~BoldUI bold UI feature}.
|
|
19
|
+
*/
|
|
20
|
+
export default class Bold extends Plugin {
|
|
21
|
+
/**
|
|
22
|
+
* @inheritDoc
|
|
23
|
+
*/
|
|
24
|
+
static get requires(): readonly [typeof BoldEditing, typeof BoldUI];
|
|
25
|
+
/**
|
|
26
|
+
* @inheritDoc
|
|
27
|
+
*/
|
|
28
|
+
static get pluginName(): "Bold";
|
|
29
|
+
}
|
package/src/bold.js
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module basic-styles/bold
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import BoldEditing from './bold/boldediting';
|
|
10
|
-
import BoldUI from './bold/boldui';
|
|
11
|
-
/**
|
|
12
|
-
* The bold feature.
|
|
13
|
-
*
|
|
14
|
-
* For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide
|
|
15
|
-
* and the {@glink api/basic-styles package page}.
|
|
16
|
-
*
|
|
17
|
-
* This is a "glue" plugin which loads the {@link module:basic-styles/bold/boldediting~BoldEditing bold editing feature}
|
|
18
|
-
* and {@link module:basic-styles/bold/boldui~BoldUI bold UI feature}.
|
|
19
|
-
*/
|
|
20
|
-
export default class Bold extends Plugin {
|
|
21
|
-
/**
|
|
22
|
-
* @inheritDoc
|
|
23
|
-
*/
|
|
24
|
-
static get requires() {
|
|
25
|
-
return [BoldEditing, BoldUI];
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* @inheritDoc
|
|
29
|
-
*/
|
|
30
|
-
static get pluginName() {
|
|
31
|
-
return 'Bold';
|
|
32
|
-
}
|
|
33
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module basic-styles/bold
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
import BoldEditing from './bold/boldediting.js';
|
|
10
|
+
import BoldUI from './bold/boldui.js';
|
|
11
|
+
/**
|
|
12
|
+
* The bold feature.
|
|
13
|
+
*
|
|
14
|
+
* For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide
|
|
15
|
+
* and the {@glink api/basic-styles package page}.
|
|
16
|
+
*
|
|
17
|
+
* This is a "glue" plugin which loads the {@link module:basic-styles/bold/boldediting~BoldEditing bold editing feature}
|
|
18
|
+
* and {@link module:basic-styles/bold/boldui~BoldUI bold UI feature}.
|
|
19
|
+
*/
|
|
20
|
+
export default class Bold extends Plugin {
|
|
21
|
+
/**
|
|
22
|
+
* @inheritDoc
|
|
23
|
+
*/
|
|
24
|
+
static get requires() {
|
|
25
|
+
return [BoldEditing, BoldUI];
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* @inheritDoc
|
|
29
|
+
*/
|
|
30
|
+
static get pluginName() {
|
|
31
|
+
return 'Bold';
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module basic-styles/code/codeediting
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import { TwoStepCaretMovement } from 'ckeditor5/src/typing';
|
|
10
|
-
/**
|
|
11
|
-
* The code editing feature.
|
|
12
|
-
*
|
|
13
|
-
* It registers the `'code'` command and introduces the `code` attribute in the model which renders to the view
|
|
14
|
-
* as a `<code>` element.
|
|
15
|
-
*/
|
|
16
|
-
export default class CodeEditing extends Plugin {
|
|
17
|
-
/**
|
|
18
|
-
* @inheritDoc
|
|
19
|
-
*/
|
|
20
|
-
static get pluginName(): "CodeEditing";
|
|
21
|
-
/**
|
|
22
|
-
* @inheritDoc
|
|
23
|
-
*/
|
|
24
|
-
static get requires(): readonly [typeof TwoStepCaretMovement];
|
|
25
|
-
/**
|
|
26
|
-
* @inheritDoc
|
|
27
|
-
*/
|
|
28
|
-
init(): void;
|
|
29
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module basic-styles/code/codeediting
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
import { TwoStepCaretMovement } from 'ckeditor5/src/typing.js';
|
|
10
|
+
/**
|
|
11
|
+
* The code editing feature.
|
|
12
|
+
*
|
|
13
|
+
* It registers the `'code'` command and introduces the `code` attribute in the model which renders to the view
|
|
14
|
+
* as a `<code>` element.
|
|
15
|
+
*/
|
|
16
|
+
export default class CodeEditing extends Plugin {
|
|
17
|
+
/**
|
|
18
|
+
* @inheritDoc
|
|
19
|
+
*/
|
|
20
|
+
static get pluginName(): "CodeEditing";
|
|
21
|
+
/**
|
|
22
|
+
* @inheritDoc
|
|
23
|
+
*/
|
|
24
|
+
static get requires(): readonly [typeof TwoStepCaretMovement];
|
|
25
|
+
/**
|
|
26
|
+
* @inheritDoc
|
|
27
|
+
*/
|
|
28
|
+
init(): void;
|
|
29
|
+
}
|
package/src/code/codeediting.js
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module basic-styles/code/codeediting
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import { TwoStepCaretMovement, inlineHighlight } from 'ckeditor5/src/typing';
|
|
10
|
-
import AttributeCommand from '../attributecommand';
|
|
11
|
-
const CODE = 'code';
|
|
12
|
-
const HIGHLIGHT_CLASS = 'ck-code_selected';
|
|
13
|
-
/**
|
|
14
|
-
* The code editing feature.
|
|
15
|
-
*
|
|
16
|
-
* It registers the `'code'` command and introduces the `code` attribute in the model which renders to the view
|
|
17
|
-
* as a `<code>` element.
|
|
18
|
-
*/
|
|
19
|
-
export default class CodeEditing extends Plugin {
|
|
20
|
-
/**
|
|
21
|
-
* @inheritDoc
|
|
22
|
-
*/
|
|
23
|
-
static get pluginName() {
|
|
24
|
-
return 'CodeEditing';
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* @inheritDoc
|
|
28
|
-
*/
|
|
29
|
-
static get requires() {
|
|
30
|
-
return [TwoStepCaretMovement];
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* @inheritDoc
|
|
34
|
-
*/
|
|
35
|
-
init() {
|
|
36
|
-
const editor = this.editor;
|
|
37
|
-
// Allow code attribute on text nodes.
|
|
38
|
-
editor.model.schema.extend('$text', { allowAttributes: CODE });
|
|
39
|
-
editor.model.schema.setAttributeProperties(CODE, {
|
|
40
|
-
isFormatting: true,
|
|
41
|
-
copyOnEnter: false
|
|
42
|
-
});
|
|
43
|
-
editor.conversion.attributeToElement({
|
|
44
|
-
model: CODE,
|
|
45
|
-
view: 'code',
|
|
46
|
-
upcastAlso: {
|
|
47
|
-
styles: {
|
|
48
|
-
'word-wrap': 'break-word'
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
// Create code command.
|
|
53
|
-
editor.commands.add(CODE, new AttributeCommand(editor, CODE));
|
|
54
|
-
// Enable two-step caret movement for `code` attribute.
|
|
55
|
-
editor.plugins.get(TwoStepCaretMovement).registerAttribute(CODE);
|
|
56
|
-
// Setup highlight over selected element.
|
|
57
|
-
inlineHighlight(editor, CODE, 'code', HIGHLIGHT_CLASS);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module basic-styles/code/codeediting
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
import { TwoStepCaretMovement, inlineHighlight } from 'ckeditor5/src/typing.js';
|
|
10
|
+
import AttributeCommand from '../attributecommand.js';
|
|
11
|
+
const CODE = 'code';
|
|
12
|
+
const HIGHLIGHT_CLASS = 'ck-code_selected';
|
|
13
|
+
/**
|
|
14
|
+
* The code editing feature.
|
|
15
|
+
*
|
|
16
|
+
* It registers the `'code'` command and introduces the `code` attribute in the model which renders to the view
|
|
17
|
+
* as a `<code>` element.
|
|
18
|
+
*/
|
|
19
|
+
export default class CodeEditing extends Plugin {
|
|
20
|
+
/**
|
|
21
|
+
* @inheritDoc
|
|
22
|
+
*/
|
|
23
|
+
static get pluginName() {
|
|
24
|
+
return 'CodeEditing';
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @inheritDoc
|
|
28
|
+
*/
|
|
29
|
+
static get requires() {
|
|
30
|
+
return [TwoStepCaretMovement];
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* @inheritDoc
|
|
34
|
+
*/
|
|
35
|
+
init() {
|
|
36
|
+
const editor = this.editor;
|
|
37
|
+
// Allow code attribute on text nodes.
|
|
38
|
+
editor.model.schema.extend('$text', { allowAttributes: CODE });
|
|
39
|
+
editor.model.schema.setAttributeProperties(CODE, {
|
|
40
|
+
isFormatting: true,
|
|
41
|
+
copyOnEnter: false
|
|
42
|
+
});
|
|
43
|
+
editor.conversion.attributeToElement({
|
|
44
|
+
model: CODE,
|
|
45
|
+
view: 'code',
|
|
46
|
+
upcastAlso: {
|
|
47
|
+
styles: {
|
|
48
|
+
'word-wrap': 'break-word'
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
// Create code command.
|
|
53
|
+
editor.commands.add(CODE, new AttributeCommand(editor, CODE));
|
|
54
|
+
// Enable two-step caret movement for `code` attribute.
|
|
55
|
+
editor.plugins.get(TwoStepCaretMovement).registerAttribute(CODE);
|
|
56
|
+
// Setup highlight over selected element.
|
|
57
|
+
inlineHighlight(editor, CODE, 'code', HIGHLIGHT_CLASS);
|
|
58
|
+
}
|
|
59
|
+
}
|
package/src/code/codeui.d.ts
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module basic-styles/code/codeui
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import '../../theme/code.css';
|
|
10
|
-
/**
|
|
11
|
-
* The code UI feature. It introduces the Code button.
|
|
12
|
-
*/
|
|
13
|
-
export default class CodeUI extends Plugin {
|
|
14
|
-
/**
|
|
15
|
-
* @inheritDoc
|
|
16
|
-
*/
|
|
17
|
-
static get pluginName(): "CodeUI";
|
|
18
|
-
/**
|
|
19
|
-
* @inheritDoc
|
|
20
|
-
*/
|
|
21
|
-
init(): void;
|
|
22
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module basic-styles/code/codeui
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
import '../../theme/code.css';
|
|
10
|
+
/**
|
|
11
|
+
* The code UI feature. It introduces the Code button.
|
|
12
|
+
*/
|
|
13
|
+
export default class CodeUI extends Plugin {
|
|
14
|
+
/**
|
|
15
|
+
* @inheritDoc
|
|
16
|
+
*/
|
|
17
|
+
static get pluginName(): "CodeUI";
|
|
18
|
+
/**
|
|
19
|
+
* @inheritDoc
|
|
20
|
+
*/
|
|
21
|
+
init(): void;
|
|
22
|
+
}
|
package/src/code/codeui.js
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module basic-styles/code/codeui
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import { ButtonView } from 'ckeditor5/src/ui';
|
|
10
|
-
import codeIcon from '../../theme/icons/code.svg';
|
|
11
|
-
import '../../theme/code.css';
|
|
12
|
-
const CODE = 'code';
|
|
13
|
-
/**
|
|
14
|
-
* The code UI feature. It introduces the Code button.
|
|
15
|
-
*/
|
|
16
|
-
export default class CodeUI extends Plugin {
|
|
17
|
-
/**
|
|
18
|
-
* @inheritDoc
|
|
19
|
-
*/
|
|
20
|
-
static get pluginName() {
|
|
21
|
-
return 'CodeUI';
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* @inheritDoc
|
|
25
|
-
*/
|
|
26
|
-
init() {
|
|
27
|
-
const editor = this.editor;
|
|
28
|
-
const t = editor.t;
|
|
29
|
-
// Add code button to feature components.
|
|
30
|
-
editor.ui.componentFactory.add(CODE, locale => {
|
|
31
|
-
const command = editor.commands.get(CODE);
|
|
32
|
-
const view = new ButtonView(locale);
|
|
33
|
-
view.set({
|
|
34
|
-
label: t('Code'),
|
|
35
|
-
icon: codeIcon,
|
|
36
|
-
tooltip: true,
|
|
37
|
-
isToggleable: true
|
|
38
|
-
});
|
|
39
|
-
view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');
|
|
40
|
-
// Execute command.
|
|
41
|
-
this.listenTo(view, 'execute', () => {
|
|
42
|
-
editor.execute(CODE);
|
|
43
|
-
editor.editing.view.focus();
|
|
44
|
-
});
|
|
45
|
-
return view;
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module basic-styles/code/codeui
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
import { ButtonView } from 'ckeditor5/src/ui.js';
|
|
10
|
+
import codeIcon from '../../theme/icons/code.svg';
|
|
11
|
+
import '../../theme/code.css';
|
|
12
|
+
const CODE = 'code';
|
|
13
|
+
/**
|
|
14
|
+
* The code UI feature. It introduces the Code button.
|
|
15
|
+
*/
|
|
16
|
+
export default class CodeUI extends Plugin {
|
|
17
|
+
/**
|
|
18
|
+
* @inheritDoc
|
|
19
|
+
*/
|
|
20
|
+
static get pluginName() {
|
|
21
|
+
return 'CodeUI';
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* @inheritDoc
|
|
25
|
+
*/
|
|
26
|
+
init() {
|
|
27
|
+
const editor = this.editor;
|
|
28
|
+
const t = editor.t;
|
|
29
|
+
// Add code button to feature components.
|
|
30
|
+
editor.ui.componentFactory.add(CODE, locale => {
|
|
31
|
+
const command = editor.commands.get(CODE);
|
|
32
|
+
const view = new ButtonView(locale);
|
|
33
|
+
view.set({
|
|
34
|
+
label: t('Code'),
|
|
35
|
+
icon: codeIcon,
|
|
36
|
+
tooltip: true,
|
|
37
|
+
isToggleable: true
|
|
38
|
+
});
|
|
39
|
+
view.bind('isOn', 'isEnabled').to(command, 'value', 'isEnabled');
|
|
40
|
+
// Execute command.
|
|
41
|
+
this.listenTo(view, 'execute', () => {
|
|
42
|
+
editor.execute(CODE);
|
|
43
|
+
editor.editing.view.focus();
|
|
44
|
+
});
|
|
45
|
+
return view;
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
}
|
package/src/code.d.ts
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module basic-styles/code
|
|
7
|
-
*/
|
|
8
|
-
import { Plugin } from 'ckeditor5/src/core';
|
|
9
|
-
import CodeEditing from './code/codeediting';
|
|
10
|
-
import CodeUI from './code/codeui';
|
|
11
|
-
import '../theme/code.css';
|
|
12
|
-
/**
|
|
13
|
-
* The code feature.
|
|
14
|
-
*
|
|
15
|
-
* For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide
|
|
16
|
-
* and the {@glink api/basic-styles package page}.
|
|
17
|
-
*
|
|
18
|
-
* This is a "glue" plugin which loads the {@link module:basic-styles/code/codeediting~CodeEditing code editing feature}
|
|
19
|
-
* and {@link module:basic-styles/code/codeui~CodeUI code UI feature}.
|
|
20
|
-
*/
|
|
21
|
-
export default class Code extends Plugin {
|
|
22
|
-
/**
|
|
23
|
-
* @inheritDoc
|
|
24
|
-
*/
|
|
25
|
-
static get requires(): readonly [typeof CodeEditing, typeof CodeUI];
|
|
26
|
-
/**
|
|
27
|
-
* @inheritDoc
|
|
28
|
-
*/
|
|
29
|
-
static get pluginName(): "Code";
|
|
30
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module basic-styles/code
|
|
7
|
+
*/
|
|
8
|
+
import { Plugin } from 'ckeditor5/src/core.js';
|
|
9
|
+
import CodeEditing from './code/codeediting.js';
|
|
10
|
+
import CodeUI from './code/codeui.js';
|
|
11
|
+
import '../theme/code.css';
|
|
12
|
+
/**
|
|
13
|
+
* The code feature.
|
|
14
|
+
*
|
|
15
|
+
* For a detailed overview check the {@glink features/basic-styles Basic styles feature} guide
|
|
16
|
+
* and the {@glink api/basic-styles package page}.
|
|
17
|
+
*
|
|
18
|
+
* This is a "glue" plugin which loads the {@link module:basic-styles/code/codeediting~CodeEditing code editing feature}
|
|
19
|
+
* and {@link module:basic-styles/code/codeui~CodeUI code UI feature}.
|
|
20
|
+
*/
|
|
21
|
+
export default class Code extends Plugin {
|
|
22
|
+
/**
|
|
23
|
+
* @inheritDoc
|
|
24
|
+
*/
|
|
25
|
+
static get requires(): readonly [typeof CodeEditing, typeof CodeUI];
|
|
26
|
+
/**
|
|
27
|
+
* @inheritDoc
|
|
28
|
+
*/
|
|
29
|
+
static get pluginName(): "Code";
|
|
30
|
+
}
|