With the symbols plugin you can use the Shift key to select multiple …

…symbols.

special character #1194
Issue: #1194)

CHANGELOG.md

@@ -11,6 +11,11 @@
 
 ## 4.2.42
 
+### :rocket: New Feature
+
+-   With the symbols plugin you can use the Shift key to select multiple symbols.
+    [special character #1194](https://github.com/xdan/jodit/issues/1194)
+
 ### :bug: Bug Fix
 
 -   Fixed a bug in the logic of the ControlType.popup method; if the method did not return anything,

src/plugins/symbols/README.md

@@ -1,3 +1,5 @@
 # Insert special symbol
 
 Added button and dialog for inserting special symbols.
+If you want to select multiple characters, you can hold down the `Shift`
+key and click on the characters you want to insert.

src/plugins/symbols/symbols.test.js

@@ -232,7 +232,7 @@ describe('Symbols plugin', () => {
 		});
 
 		describe('Press Enter or mousedown on element', () => {
-			it('Should insert character', () => {
+			it('Should insert character and close dialog', () => {
 				const area = appendTestArea();
 				const editor = new Jodit(area, {
 					toolbarAdaptive: false,
@@ -267,6 +267,48 @@ describe('Symbols plugin', () => {
 
 				expect(editor.value).equals('<p>test&amp;½</p>');
 			});
+
+			describe('with shift', () => {
+				it('Should not close dialog', () => {
+					const editor = getJodit({
+						toolbarAdaptive: false,
+						buttons: 'symbols'
+					});
+
+					editor.value = '<p>test|</p>';
+					setCursorToChar(editor);
+
+					const btn = getButton('symbols', editor);
+
+					simulateEvent('click', btn);
+					let dialog = getOpenedDialog(editor);
+
+					const currentActive = dialog.getElementsByTagName('a')[5];
+
+					simulateEvent('mousedown', currentActive, function (data) {
+						data.shiftKey = true;
+					});
+
+					expect(editor.value).equals('<p>test&amp;</p>');
+
+					expect(getOpenedDialog(editor)).equals(dialog);
+
+					const currentActive2 =
+						dialog.getElementsByTagName('a')[125];
+
+					for (let i = 0; i < 3; i++) {
+						simulateEvent(
+							'mousedown',
+							currentActive2,
+							function (data) {
+								data.shiftKey = true;
+							}
+						);
+					}
+
+					expect(editor.value).equals('<p>test&amp;½½½</p>');
+				});
+			});
 		});
 	});
 

src/plugins/symbols/symbols.ts

@@ -108,7 +108,9 @@ export class symbols extends Plugin {
 						if (Dom.isTag(this, 'a')) {
 							jodit.s.focus();
 							jodit.s.insertHTML(this.innerHTML);
-							jodit.e.fire(this, 'close_dialog');
+							if (!e?.shiftKey) {
+								jodit.e.fire(this, 'close_dialog');
+							}
 							e && e.preventDefault();
 							e && e.stopImmediatePropagation();
 						}