Add link.openInNewTabCheckboxDefaultChecked option

Fixes #1289

Author: xdan

CHANGELOG.md

@@ -11,6 +11,10 @@
 
 ## 4.11.12
 
+#### :rocket: New Feature
+
+- Add `link.openInNewTabCheckboxDefaultChecked` option to set default state of "Open in new tab" checkbox when inserting a new link ([#1289](https://github.com/xdan/jodit/issues/1289))
+
 #### :bug: Bug Fix
 
 - Fix pasting table into table cell creating invalid nesting and trailing empty paragraph ([#1314](https://github.com/xdan/jodit/issues/1314))

src/plugins/link/config.ts

@@ -52,6 +52,11 @@ declare module 'jodit/config' {
 			 */
 			openInNewTabCheckbox: boolean;
 
+			/**
+			 * Default value for the `Open in new tab` checkbox when inserting a new link.
+			 */
+			openInNewTabCheckboxDefaultChecked: boolean;
+
 			/**
 			 * Use an input text to ask the classname or a select or not ask
 			 */
@@ -89,6 +94,7 @@ Config.prototype.link = {
 	processPastedLink: true,
 	noFollowCheckbox: true,
 	openInNewTabCheckbox: true,
+	openInNewTabCheckboxDefaultChecked: false,
 	modeClassName: 'input',
 	selectMultipleClassName: true,
 	preventReadOnlyNavigation: true,

src/plugins/link/link.test.js

@@ -498,6 +498,69 @@ describe('Link plugin', () => {
 				});
 			});
 
+			describe('openInNewTabCheckboxDefaultChecked', () => {
+				it('Should check "Open in new tab" by default when option is true', () => {
+					const editor = getJodit({
+						link: {
+							openInNewTabCheckboxDefaultChecked: true
+						}
+					});
+
+					editor.value = '<p>|test</p>';
+					setCursorToChar(editor);
+
+					clickButton('link', editor);
+
+					const popup = getOpenedPopup(editor);
+					const target = popup.querySelector('[ref=target_checkbox]');
+
+					expect(target).is.not.null;
+					expect(target.checked).is.true;
+				});
+
+				it('Should not check "Open in new tab" by default when option is false', () => {
+					const editor = getJodit({
+						link: {
+							openInNewTabCheckboxDefaultChecked: false
+						}
+					});
+
+					editor.value = '<p>|test</p>';
+					setCursorToChar(editor);
+
+					clickButton('link', editor);
+
+					const popup = getOpenedPopup(editor);
+					const target = popup.querySelector('[ref=target_checkbox]');
+
+					expect(target).is.not.null;
+					expect(target.checked).is.false;
+				});
+
+				it('Should insert link with target="_blank" when default checked is true', () => {
+					const editor = getJodit({
+						link: {
+							openInNewTabCheckboxDefaultChecked: true
+						}
+					});
+
+					editor.value = '<p>|test</p>';
+					setCursorToChar(editor);
+
+					clickButton('link', editor);
+
+					const popup = getOpenedPopup(editor);
+					const url = popup.querySelector('[ref=url_input]');
+					url.value = 'https://xdsoft.net';
+
+					simulateEvent('submit', popup.querySelector('form'));
+
+					expect(editor.value).equals(
+						'<p><a href="https://xdsoft.net" target="_blank">https://xdsoft.net</a>test</p>'
+					);
+				});
+			});
+
 			describe('In dialog', () => {
 				describe('Edit exists link', () => {
 					describe('Content input was not changed', () => {

src/plugins/link/link.ts

@@ -150,6 +150,7 @@ export class link extends Plugin {
 		const i18n = jodit.i18n.bind(jodit),
 			{
 				openInNewTabCheckbox,
+				openInNewTabCheckboxDefaultChecked,
 				noFollowCheckbox,
 				formTemplate,
 				formClassName,
@@ -234,6 +235,10 @@ export class link extends Plugin {
 			insert.textContent = i18n('Update');
 		} else {
 			Dom.hide(unlink);
+
+			if (openInNewTabCheckbox && target_checkbox) {
+				target_checkbox.checked = openInNewTabCheckboxDefaultChecked;
+			}
 		}
 
 		jodit.editor.normalize();