1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
| /**
| * TinyMCE version 6.4.2 (2023-04-26)
| */
|
| (function () {
| 'use strict';
|
| var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
| const setContent = (editor, html) => {
| editor.focus();
| editor.undoManager.transact(() => {
| editor.setContent(html);
| });
| editor.selection.setCursorLocation();
| editor.nodeChanged();
| };
| const getContent = editor => {
| return editor.getContent({ source_view: true });
| };
|
| const open = editor => {
| const editorContent = getContent(editor);
| editor.windowManager.open({
| title: 'Source Code',
| size: 'large',
| body: {
| type: 'panel',
| items: [{
| type: 'textarea',
| name: 'code'
| }]
| },
| buttons: [
| {
| type: 'cancel',
| name: 'cancel',
| text: 'Cancel'
| },
| {
| type: 'submit',
| name: 'save',
| text: 'Save',
| primary: true
| }
| ],
| initialData: { code: editorContent },
| onSubmit: api => {
| setContent(editor, api.getData().code);
| api.close();
| }
| });
| };
|
| const register$1 = editor => {
| editor.addCommand('mceCodeEditor', () => {
| open(editor);
| });
| };
|
| const register = editor => {
| const onAction = () => editor.execCommand('mceCodeEditor');
| editor.ui.registry.addButton('code', {
| icon: 'sourcecode',
| tooltip: 'Source code',
| onAction
| });
| editor.ui.registry.addMenuItem('code', {
| icon: 'sourcecode',
| text: 'Source code',
| onAction
| });
| };
|
| var Plugin = () => {
| global.add('code', editor => {
| register$1(editor);
| register(editor);
| return {};
| });
| };
|
| Plugin();
|
| })();
|
|