suneditor 3.0.0-alpha.2 → 3.0.0-alpha.20

package/types/core/class/shortcuts.d.ts

@@ -0,0 +1,142 @@
+export default Shortcuts;
+export type ShortcutsThis = Omit<Shortcuts & Partial<__se__EditorInjector>, 'shortcuts'>;
+export type ShortcutInfo = {
+	/**
+	 * - Whether the [Ctrl, Command] key is pressed.
+	 */
+	c: boolean;
+	/**
+	 * - Whether the [Shift] key is pressed.
+	 */
+	s: boolean;
+	/**
+	 * - Whether the [Space] key is pressed.
+	 */
+	space: boolean;
+	/**
+	 * - Whether the Enter key is pressed.
+	 */
+	enter: boolean;
+	/**
+	 * - The command key. (e.g. "bold")
+	 */
+	command: string;
+	/**
+	 * - Whether the cursor is at the end of the line.
+	 */
+	edge: boolean;
+	/**
+	 * - The key pressed (e.g., "1.").
+	 */
+	key?: string | undefined;
+	/**
+	 * - The keyEvent.code.
+	 */
+	keyCode?: string | undefined;
+	/**
+	 * - A plugin's "shortcut" method that is called instead of the default "editor.run" method.
+	 */
+	method?: (string | ((...args: any) => any)) | undefined;
+	/**
+	 * - The plugin name.
+	 */
+	plugin: string;
+	/**
+	 * - Plugin's type. ("command", "dropdown", "modal", "browser", "input", "field", "popup").
+	 */
+	type: string;
+	/**
+	 * - The plugin command button.
+	 */
+	button: Node;
+	/**
+	 * - An array of key codes generated with the reverseButtons option, used to reverse the action for a specific key combination.
+	 */
+	r: Array<string>;
+	/**
+	 * - Whether the event was triggered by a text input (e.g., mention like
+	 */
+	textTrigger: string;
+};
+/**
+ * @typedef {Omit<Shortcuts & Partial<__se__EditorInjector>, 'shortcuts'>} ShortcutsThis
+ */
+/**
+ * @typedef {Object} ShortcutInfo
+ * @property {boolean} c - Whether the [Ctrl, Command] key is pressed.
+ * @property {boolean} s - Whether the [Shift] key is pressed.
+ * @property {boolean} space - Whether the [Space] key is pressed.
+ * @property {boolean} enter - Whether the Enter key is pressed.
+ * @property {string} command - The command key. (e.g. "bold")
+ * @property {boolean} edge - Whether the cursor is at the end of the line.
+ * @property {string=} key - The key pressed (e.g., "1.").
+ * @property {string=} keyCode - The keyEvent.code.
+ * @property {string|((...args: *) => *)=} method - A plugin's "shortcut" method that is called instead of the default "editor.run" method.
+ * @property {string} plugin - The plugin name.
+ * @property {string} type - Plugin's type. ("command", "dropdown", "modal", "browser", "input", "field", "popup").
+ * @property {Node} button - The plugin command button.
+ * @property {Array<string>} r - An array of key codes generated with the reverseButtons option, used to reverse the action for a specific key combination.
+ * @property {string} textTrigger - Whether the event was triggered by a text input (e.g., mention like @ab).
+ */
+/**
+ * @constructor
+ * @this {ShortcutsThis}
+ * @description Shortcuts class
+ * @param {__se__EditorCore} editor - The root editor instance
+ */
+declare function Shortcuts(this: Omit<Shortcuts & Partial<import('../../editorInjector').default>, 'shortcuts'>, editor: __se__EditorCore): void;
+declare class Shortcuts {
+	/**
+	 * @typedef {Omit<Shortcuts & Partial<__se__EditorInjector>, 'shortcuts'>} ShortcutsThis
+	 */
+	/**
+	 * @typedef {Object} ShortcutInfo
+	 * @property {boolean} c - Whether the [Ctrl, Command] key is pressed.
+	 * @property {boolean} s - Whether the [Shift] key is pressed.
+	 * @property {boolean} space - Whether the [Space] key is pressed.
+	 * @property {boolean} enter - Whether the Enter key is pressed.
+	 * @property {string} command - The command key. (e.g. "bold")
+	 * @property {boolean} edge - Whether the cursor is at the end of the line.
+	 * @property {string=} key - The key pressed (e.g., "1.").
+	 * @property {string=} keyCode - The keyEvent.code.
+	 * @property {string|((...args: *) => *)=} method - A plugin's "shortcut" method that is called instead of the default "editor.run" method.
+	 * @property {string} plugin - The plugin name.
+	 * @property {string} type - Plugin's type. ("command", "dropdown", "modal", "browser", "input", "field", "popup").
+	 * @property {Node} button - The plugin command button.
+	 * @property {Array<string>} r - An array of key codes generated with the reverseButtons option, used to reverse the action for a specific key combination.
+	 * @property {string} textTrigger - Whether the event was triggered by a text input (e.g., mention like @ab).
+	 */
+	/**
+	 * @constructor
+	 * @this {ShortcutsThis}
+	 * @description Shortcuts class
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 */
+	constructor(editor: __se__EditorCore);
+	editor: import('../editor').default;
+	isDisabled: boolean;
+	/**
+	 * @this {ShortcutsThis}
+	 * @description If there is a shortcut function, run it.
+	 * @param {KeyboardEvent} event Keyboard event object
+	 * @param {boolean} ctrl Whether the Ctrl key is pressed
+	 * @param {boolean} shift Whether the Shift key is pressed
+	 * @param {string} keyCode The keyEvent.code.
+	 * @param {string} text The text content of the key
+	 * @param {boolean} edge Whether the cursor is at the end of the line
+	 * @param {HTMLElement} line The current line node
+	 * @param {Range} range The current range object
+	 * @returns {boolean} Whether to execute shortcuts
+	 */
+	command(this: Omit<Shortcuts & Partial<import('../../editorInjector').default>, 'shortcuts'>, event: KeyboardEvent, ctrl: boolean, shift: boolean, keyCode: string, text: string, edge: boolean, line: HTMLElement, range: Range): boolean;
+	/**
+	 * @this {ShortcutsThis}
+	 * @description Disable the shortcut activation.
+	 */
+	disable(this: Omit<Shortcuts & Partial<import('../../editorInjector').default>, 'shortcuts'>): void;
+	/**
+	 * @this {ShortcutsThis}
+	 * @description Enable the shortcut activation.
+	 */
+	enable(this: Omit<Shortcuts & Partial<import('../../editorInjector').default>, 'shortcuts'>): void;
+}

package/types/core/class/toolbar.d.ts

@@ -0,0 +1,189 @@
+export default Toolbar;
+export type ToolbarThis = Omit<Toolbar & Partial<__se__EditorInjector>, 'toolbar' | 'subToolbar'>;
+/**
+ * @typedef {Omit<Toolbar & Partial<__se__EditorInjector>, 'toolbar' | 'subToolbar'>} ToolbarThis
+ */
+/**
+ * @constructor
+ * @this {ToolbarThis}
+ * @description Toolbar class
+ * @param {__se__EditorCore} editor - The root editor instance
+ * @param {Object} options - toolbar options
+ * @param {String} options.keyName - toolbar key name
+ * @param {Boolean} options.balloon - balloon toolbar
+ * @param {Boolean} options.inline - inline toolbar
+ * @param {Boolean} options.balloonAlways - balloon toolbar always show
+ * @param {Array<Node>} options.res - responsive toolbar button list
+ */
+declare function Toolbar(
+	this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>,
+	editor: __se__EditorCore,
+	{
+		keyName,
+		balloon,
+		inline,
+		balloonAlways,
+		res
+	}: {
+		keyName: string;
+		balloon: boolean;
+		inline: boolean;
+		balloonAlways: boolean;
+		res: Array<Node>;
+	}
+): void;
+declare class Toolbar {
+	/**
+	 * @typedef {Omit<Toolbar & Partial<__se__EditorInjector>, 'toolbar' | 'subToolbar'>} ToolbarThis
+	 */
+	/**
+	 * @constructor
+	 * @this {ToolbarThis}
+	 * @description Toolbar class
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 * @param {Object} options - toolbar options
+	 * @param {String} options.keyName - toolbar key name
+	 * @param {Boolean} options.balloon - balloon toolbar
+	 * @param {Boolean} options.inline - inline toolbar
+	 * @param {Boolean} options.balloonAlways - balloon toolbar always show
+	 * @param {Array<Node>} options.res - responsive toolbar button list
+	 */
+	constructor(
+		editor: __se__EditorCore,
+		{
+			keyName,
+			balloon,
+			inline,
+			balloonAlways,
+			res
+		}: {
+			keyName: string;
+			balloon: boolean;
+			inline: boolean;
+			balloonAlways: boolean;
+			res: Array<Node>;
+		}
+	);
+	keyName: string;
+	isSub: boolean;
+	currentMoreLayerActiveButton: HTMLButtonElement;
+	_isBalloon: boolean;
+	_isInline: boolean;
+	_isBalloonAlways: boolean;
+	_responsiveCurrentSize: string;
+	_originRes: Node[];
+	_rButtonArray: Node[];
+	_rButtonsInfo: {
+		default: Node;
+	};
+	_rButtonsize: any[];
+	_sticky: boolean;
+	_isViewPortSize: boolean;
+	_inlineToolbarAttr: {
+		top: string;
+		width: string;
+		isShow: boolean;
+	};
+	_balloonOffset: {
+		top: number;
+		left: number;
+	};
+	/**
+	 * @this {ToolbarThis}
+	 * @description Disable the toolbar
+	 */
+	disable(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>): void;
+	/**
+	 * @this {ToolbarThis}
+	 * @description Enable the toolbar
+	 */
+	enable(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>): void;
+	/**
+	 * @this {ToolbarThis}
+	 * @description Show the toolbar
+	 */
+	show(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>): void;
+	/**
+	 * @this {ToolbarThis}
+	 * @description Hide the toolbar
+	 */
+	hide(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>): void;
+	/**
+	 * @this {ToolbarThis}
+	 * @description Reset buttons of the responsive toolbar.
+	 */
+	resetResponsiveToolbar(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>): void;
+	/**
+	 * @this {ToolbarThis}
+	 * @description Reset the buttons on the toolbar. (Editor is not reloaded)
+	 * - You cannot set a new plugin for the button.
+	 * @param {Array} buttonList Button list
+	 */
+	setButtons(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>, buttonList: any[]): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Reset the sticky toolbar position based on the editor state.
+	 */
+	_resetSticky(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Enable sticky toolbar mode and adjust position.
+	 */
+	_onSticky(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>, inlineOffset: any): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Get the viewport's top offset.
+	 * @returns {number}
+	 */
+	__getViewportTop(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>): number;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Disable sticky toolbar mode.
+	 */
+	_offSticky(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Set up responsive behavior for the toolbar buttons.
+	 */
+	_setResponsive(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Show the balloon toolbar based on the current selection.
+	 * @param {?Range=} rangeObj - Selection range
+	 */
+	_showBalloon(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>, rangeObj?: (Range | null) | undefined): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Adjust the balloon toolbar's position.
+	 * @param {boolean} positionTop - Whether the toolbar should be positioned above the selection
+	 * @param {Range} [range] - Selection range
+	 */
+	_setBalloonOffset(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>, positionTop: boolean, range?: Range): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Show the inline toolbar mode.
+	 */
+	_showInline(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Show a more options layer for toolbar buttons.
+	 * @param {Node} button - Button element
+	 * @param {Node} layer - More options layer element
+	 */
+	_moreLayerOn(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>, button: Node, layer: Node): void;
+	/**
+	 * @private
+	 * @this {ToolbarThis}
+	 * @description Hide the currently active more options layer.
+	 */
+	_moreLayerOff(this: Omit<Toolbar & Partial<import('../../editorInjector').default>, 'subToolbar' | 'toolbar'>): void;
+}

package/types/core/class/ui.d.ts

@@ -0,0 +1,144 @@
+export default UI;
+export type UIThis = Omit<UI & Partial<__se__EditorInjector>, 'ui'>;
+/**
+ * @typedef {Omit<UI & Partial<__se__EditorInjector>, 'ui'>} UIThis
+ */
+/**
+ * @constructor
+ * @this {UIThis}
+ * @description The UI class is a class that handles operations related to the user interface of SunEditor.
+ * - This class sets the editor's style, theme, editor mode, etc., and controls the state of various UI elements.
+ * @param {__se__EditorCore} editor - The root editor instance
+ */
+declare function UI(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, editor: __se__EditorCore): void;
+declare class UI {
+	/**
+	 * @typedef {Omit<UI & Partial<__se__EditorInjector>, 'ui'>} UIThis
+	 */
+	/**
+	 * @constructor
+	 * @this {UIThis}
+	 * @description The UI class is a class that handles operations related to the user interface of SunEditor.
+	 * - This class sets the editor's style, theme, editor mode, etc., and controls the state of various UI elements.
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 */
+	constructor(editor: __se__EditorCore);
+	noticeModal: Modal;
+	noticeMessage: HTMLSpanElement;
+	_backWrapper: HTMLElement;
+	_controllerOnBtnDisabled: boolean;
+	/**
+	 * @this {UIThis}
+	 * @description Set "options.get('editorStyle')" style.
+	 * - Define the style of the edit area
+	 * - It can also be defined with the "setOptions" method, but the "setEditorStyle" method does not render the editor again.
+	 * @param {string} style Style string
+	 * @param {__se__FrameContext|null} fc Frame context
+	 */
+	setEditorStyle(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, style: string, fc: __se__FrameContext | null): void;
+	/**
+	 * @this {UIThis}
+	 * @description Set the theme to the editor
+	 * @param {string} theme Theme name
+	 */
+	setTheme(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, theme: string): void;
+	/**
+	 * @this {UIThis}
+	 * @description Switch to or off "ReadOnly" mode.
+	 * @param {boolean} value "readOnly" boolean value.
+	 * @param {string|undefined} rootKey Root key
+	 */
+	readOnly(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, value: boolean, rootKey: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Disable the suneditor
+	 * @param {string|undefined} rootKey Root key
+	 */
+	disable(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Enable the suneditor
+	 * @param {string|undefined} rootKey Root key
+	 */
+	enable(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Show the suneditor
+	 * @param {string|undefined} rootKey Root key
+	 */
+	show(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Hide the suneditor
+	 * @param {string|undefined} rootKey Root key
+	 */
+	hide(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Show loading box
+	 * @param {string=} rootKey Root key
+	 */
+	showLoading(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey?: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description Hide loading box
+	 * @param {string=} rootKey Root key
+	 */
+	hideLoading(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, rootKey?: string | undefined): void;
+	/**
+	 * @this {UIThis}
+	 * @description This method disables or enables the toolbar buttons when the controller is activated or deactivated.
+	 * - When the controller is activated, the toolbar buttons are disabled; when the controller is deactivated, the buttons are enabled.
+	 * @param {boolean} active If `true`, the toolbar buttons will be disabled. If `false`, the toolbar buttons will be enabled.
+	 */
+	setControllerOnDisabledButtons(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, active: boolean): void;
+	/**
+	 * @this {UIThis}
+	 * @description Activate the transparent background "div" so that other elements are not affected during resizing.
+	 * @param {string} cursor cursor css property
+	 */
+	enableBackWrapper(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, cursor: string): void;
+	/**
+	 * @this {UIThis}
+	 * @description Disabled background "div"
+	 */
+	disableBackWrapper(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>): void;
+	/**
+	 * @this {UIThis}
+	 * @description  Open the notice panel
+	 * @param {string} text Notice message
+	 */
+	noticeOpen(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, text: string): void;
+	/**
+	 * @this {UIThis}
+	 * @description  Close the notice panel
+	 */
+	noticeClose(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>): void;
+	/**
+	 * @private
+	 * @this {UIThis}
+	 * @description visible controllers
+	 * @param {boolean} value hidden/show
+	 * @param {?boolean=} lineBreakShow Line break hidden/show (default: Follows the value "value".)
+	 */
+	_visibleControllers(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>, value: boolean, lineBreakShow?: (boolean | null) | undefined): void;
+	/**
+	 * @private
+	 * @this {UIThis}
+	 * @description Off current controllers
+	 */
+	_offCurrentController(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>): void;
+	/**
+	 * @private
+	 * @this {UIThis}
+	 * @description Off controllers
+	 */
+	__offControllers(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>): void;
+	/**
+	 * @private
+	 * @this {UIThis}
+	 * @description Off current modal
+	 */
+	_offCurrentModal(this: Omit<UI & Partial<import('../../editorInjector').default>, 'ui'>): void;
+}
+import Modal from '../../modules/Modal';

package/types/core/class/viewer.d.ts

@@ -0,0 +1,140 @@
+export default Viewer;
+export type ViewerThis = Omit<Viewer & Partial<__se__EditorInjector>, 'viewer'>;
+/**
+ * @typedef {Omit<Viewer & Partial<__se__EditorInjector>, 'viewer'>} ViewerThis
+ */
+/**
+ * @constructor
+ * @this {ViewerThis}
+ * @description Viewer(codeView, fullScreen, showBlocks) class
+ * @param {__se__EditorCore} editor - The root editor instance
+ */
+declare function Viewer(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>, editor: __se__EditorCore): void;
+declare class Viewer {
+	/**
+	 * @typedef {Omit<Viewer & Partial<__se__EditorInjector>, 'viewer'>} ViewerThis
+	 */
+	/**
+	 * @constructor
+	 * @this {ViewerThis}
+	 * @description Viewer(codeView, fullScreen, showBlocks) class
+	 * @param {__se__EditorCore} editor - The root editor instance
+	 */
+	constructor(editor: __se__EditorCore);
+	bodyOverflow: string;
+	editorAreaOriginCssText: string;
+	wysiwygOriginCssText: string;
+	codeWrapperOriginCssText: string;
+	codeOriginCssText: string;
+	codeNumberOriginCssText: string;
+	toolbarOriginCssText: string;
+	arrowOriginCssText: string;
+	fullScreenInnerHeight: number;
+	fullScreenSticky: boolean;
+	fullScreenBalloon: boolean;
+	fullScreenInline: boolean;
+	toolbarParent: any;
+	/**
+	 * @this {ViewerThis}
+	 * @description Changes to code view or wysiwyg view
+	 * @param {boolean=} value true/false, If undefined toggle the codeView mode.
+	 */
+	codeView(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>, value?: boolean | undefined): void;
+	/**
+	 * @this {ViewerThis}
+	 * @description Changes to full screen or default screen
+	 * @param {boolean=} value true/false, If undefined toggle the codeView mode.
+	 */
+	fullScreen(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>, value?: boolean | undefined): void;
+	_originCssText: any;
+	/**
+	 * @this {ViewerThis}
+	 * @description Add or remove the class name of "body" so that the code block is visible
+	 * @param {boolean=} value true/false, If undefined toggle the codeView mode.
+	 */
+	showBlocks(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>, value?: boolean | undefined): void;
+	/**
+	 * @private
+	 * @this {ViewerThis}
+	 * @description Set the active class to the button of the toolbar
+	 */
+	_setButtonsActive(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>): void;
+	/**
+	 * @this {ViewerThis}
+	 * @description Prints the current content of the editor.
+	 */
+	print(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>): void;
+	/**
+	 * @this {ViewerThis}
+	 * @description Open the preview window.
+	 */
+	preview(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>): void;
+	/**
+	 * @private
+	 * @this {ViewerThis}
+	 * @description Resets the full-screen height of the editor.
+	 * - Updates the editor's height dynamically when in full-screen mode.
+	 */
+	_resetFullScreenHeight(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>): boolean;
+	/**
+	 * @private
+	 * @this {ViewerThis}
+	 * @description Run CodeMirror Editor
+	 * @param {"set"|"get"|"readonly"|"refresh"} key method key
+	 * @param {*} value CodeMirror params
+	 * @param {string|undefined} rootKey Root key
+	 */
+	_codeMirrorEditor(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>, key: 'set' | 'get' | 'readonly' | 'refresh', value: any, rootKey: string | undefined): any;
+	/**
+	 * @private
+	 * @this {ViewerThis}
+	 * @description Set method in the code view area
+	 * @param {string} value HTML string
+	 */
+	_setCodeView(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>, value: string): void;
+	/**
+	 * @private
+	 * @this {ViewerThis}
+	 * @description Get method in the code view area
+	 */
+	_getCodeView(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>): any;
+	/**
+	 * @private
+	 * @this {ViewerThis}
+	 * @description Convert the data of the code view and put it in the WYSIWYG area.
+	 */
+	_setCodeDataToEditor(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>): void;
+	/**
+	 * @private
+	 * @this {ViewerThis}
+	 * @description Convert the data of the WYSIWYG area and put it in the code view area.
+	 */
+	_setEditorDataToCodeView(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>): void;
+	/**
+	 * @private
+	 * @this {ViewerThis}
+	 * @description Adjusts the height of the code view area.
+	 * - Ensures the code block auto-resizes based on its content.
+	 * @param {HTMLElement} code - Code area
+	 * @param {HTMLTextAreaElement} codeNumbers - Code numbers area
+	 * @param {boolean} isAuto - Auto height option
+	 */
+	_codeViewAutoHeight(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>, code: HTMLElement, codeNumbers: HTMLTextAreaElement, isAuto: boolean): void;
+	/**
+	 * @private
+	 * @this {ViewerThis}
+	 * @description Updates the line numbers for the code editor.
+	 * - Dynamically adjusts line numbers as content grows.
+	 * @param {HTMLTextAreaElement} lineNumbers - Code numbers area
+	 * @param {HTMLElement} code - Code area
+	 */
+	_updateLineNumbers(this: Omit<Viewer & Partial<import('../../editorInjector').default>, 'viewer'>, lineNumbers: HTMLTextAreaElement, code: HTMLElement): void;
+	/**
+	 * @private
+	 * @this {HTMLElement} Code numbers area
+	 * @description Synchronizes scrolling of line numbers with the code editor.
+	 * - Keeps the line numbers aligned with the text.
+	 * @param {HTMLTextAreaElement} codeNumbers - Code numbers textarea
+	 */
+	_scrollLineNumbers(this: HTMLElement, codeNumbers: HTMLTextAreaElement): void;
+}