suneditor/src/plugins/command/blockquote.js

Vanilla JavaScript based WYSIWYG web editor

import { PluginCommand } from '../../interfaces';
import { dom } from '../../helper';

/**
 * @class
 * @description Blockquote plugin
 */
class Blockquote extends PluginCommand {
	static key = 'blockquote';
	static className = '';

	/**
	 * @constructor
	 * @param {SunEditor.Kernel} kernel - The Kernel instance
	 */
	constructor(kernel) {
		super(kernel);
		// plugin basic properties
		this.title = this.$.lang.tag_blockquote;
		this.icon = 'blockquote';

		// members
		this.quoteTag = dom.utils.createElement('BLOCKQUOTE');
	}

	/**
	 * @hook Editor.EventManager
	 * @type {SunEditor.Hook.Event.Active}
	 */
	active(element, target) {
		if (/blockquote/i.test(element?.nodeName)) {
			dom.utils.addClass(target, 'active');
			return true;
		}

		dom.utils.removeClass(target, 'active');
		return false;
	}

	/**
	 * @override
	 * @type {PluginCommand['action']}
	 */
	action() {
		const currentBlockquote = dom.query.getParentElement(this.$.selection.getNode(), 'blockquote');

		if (currentBlockquote) {
			this.$.format.removeBlock(currentBlockquote, { selectedFormats: null, newBlockElement: null, shouldDelete: false, skipHistory: false });
		} else {
			this.$.format.applyBlock(this.quoteTag.cloneNode(false));
		}
	}
}

export default Blockquote;