anchor_link-8.x-1.x-dev/js/link/dialogs/link.js
js/link/dialogs/link.js
/**
* @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
'use strict';
( function () {
CKEDITOR.dialog.add( 'link', function ( editor ) {
var plugin = CKEDITOR.plugins.link,
initialLinkText;
function createRangeForLink( editor, link ) {
var range = editor.createRange();
range.setStartBefore( link );
range.setEndAfter( link );
return range;
}
function insertLinksIntoSelection( editor, data ) {
var attributes = plugin.getLinkAttributes( editor, data ),
ranges = editor.getSelection().getRanges(),
style = new CKEDITOR.style( {
element: 'a',
attributes: attributes.set
} ),
rangesToSelect = [],
range,
text,
nestedLinks,
i,
j;
style.type = CKEDITOR.STYLE_INLINE; // need to override... dunno why.
for ( i = 0; i < ranges.length; i++ ) {
range = ranges[ i ];
// Use link URL as text with a collapsed cursor.
if ( range.collapsed ) {
// Short mailto link text view (https://dev.ckeditor.com/ticket/5736).
text = new CKEDITOR.dom.text( data.linkText || ( data.type == 'email' ?
data.email.address : attributes.set[ 'data-cke-saved-href' ] ), editor.document );
range.insertNode( text );
range.selectNodeContents( text );
} else if ( initialLinkText !== data.linkText ) {
text = new CKEDITOR.dom.text( data.linkText, editor.document );
// Shrink range to preserve block element.
range.shrink( CKEDITOR.SHRINK_TEXT );
// Use extractHtmlFromRange to remove markup within the selection. Also this method is a little
// smarter than range#deleteContents as it plays better e.g. with table cells.
editor.editable().extractHtmlFromRange( range );
range.insertNode( text );
}
// Editable links nested within current range should be removed, so that the link is applied to whole selection.
nestedLinks = range._find( 'a' );
for ( j = 0; j < nestedLinks.length; j++ ) {
nestedLinks[ j ].remove( true );
}
// Apply style.
style.applyToRange( range, editor );
rangesToSelect.push( range );
}
editor.getSelection().selectRanges( rangesToSelect );
}
function editLinksInSelection( editor, selectedElements, data ) {
var attributes = plugin.getLinkAttributes( editor, data ),
ranges = [],
isDisplayChanged,
isEmailEqualDisplay,
isURLEqualDisplay,
element,
href,
newText,
i;
for ( i = 0; i < selectedElements.length; i++ ) {
// We're only editing an existing link, so just overwrite the attributes.
element = selectedElements[ i ];
href = element.data( 'cke-saved-href' );
isDisplayChanged = data.linkText && initialLinkText != data.linkText;
isURLEqualDisplay = href == initialLinkText;
isEmailEqualDisplay = data.type == 'email' && href == 'mailto:' + initialLinkText;
element.setAttributes( attributes.set );
element.removeAttributes( attributes.removed );
if ( isDisplayChanged ) {
// Display text has been changed.
newText = data.linkText;
} else if ( isURLEqualDisplay || isEmailEqualDisplay ) {
// Update text view when user changes protocol (https://dev.ckeditor.com/ticket/4612).
// Short mailto link text view (https://dev.ckeditor.com/ticket/5736).
newText = data.type == 'email' ? data.email.address : attributes.set[ 'data-cke-saved-href' ];
}
if ( newText ) {
element.setText( newText );
}
ranges.push( createRangeForLink( editor, element ) );
}
// We changed the content, so need to select it again.
editor.getSelection().selectRanges( ranges );
}
// Handles the event when the "Target" selection box is changed.
var targetChanged = function () {
var dialog = this.getDialog(),
popupFeatures = dialog.getContentElement( 'target', 'popupFeatures' ),
targetName = dialog.getContentElement( 'target', 'linkTargetName' ),
value = this.getValue();
if ( !popupFeatures || !targetName ) {
return;
}
popupFeatures = popupFeatures.getElement();
popupFeatures.hide();
targetName.setValue( '' );
switch ( value ) {
case 'frame':
targetName.setLabel( editor.lang.link.targetFrameName );
targetName.getElement().show();
break;
case 'popup':
popupFeatures.show();
targetName.setLabel( editor.lang.link.targetPopupName );
targetName.getElement().show();
break;
default:
targetName.setValue( value );
targetName.getElement().hide();
break;
}
};
// Handles the event when the "Type" selection box is changed.
var linkTypeChanged = function () {
var dialog = this.getDialog(),
partIds = [ 'urlOptions', 'anchorOptions', 'emailOptions', 'telOptions' ],
typeValue = this.getValue(),
uploadTab = dialog.definition.getContents( 'upload' ),
uploadInitiallyHidden = uploadTab && uploadTab.hidden;
if ( typeValue == 'url' ) {
if ( editor.config.linkShowTargetTab ) {
dialog.showPage( 'target' );
}
if ( !uploadInitiallyHidden ) {
dialog.showPage( 'upload' );
}
} else {
dialog.hidePage( 'target' );
if ( !uploadInitiallyHidden ) {
dialog.hidePage( 'upload' );
}
}
for ( var i = 0; i < partIds.length; i++ ) {
var element = dialog.getContentElement( 'info', partIds[ i ] );
if ( !element ) {
continue;
}
element = element.getElement().getParent().getParent();
if ( partIds[ i ] == typeValue + 'Options' ) {
element.show();
} else {
element.hide();
}
}
dialog.layout();
};
var setupParams = function ( page, data ) {
if ( data[ page ] ) {
this.setValue( data[ page ][ this.id ] || '' );
}
};
var setupPopupParams = function ( data ) {
return setupParams.call( this, 'target', data );
};
var setupAdvParams = function ( data ) {
return setupParams.call( this, 'advanced', data );
};
var commitParams = function ( page, data ) {
if ( !data[ page ] ) {
data[ page ] = {};
}
data[ page ][ this.id ] = this.getValue() || '';
};
var commitPopupParams = function ( data ) {
return commitParams.call( this, 'target', data );
};
var commitAdvParams = function ( data ) {
return commitParams.call( this, 'advanced', data );
};
var commonLang = editor.lang.common,
linkLang = editor.lang.link,
anchors;
return {
title: linkLang.title,
minWidth: ( CKEDITOR.skinName || editor.config.skin ) == 'moono-lisa' ? 450 : 350,
minHeight: 240,
getModel: function ( editor ) {
var elements = plugin.getSelectedLink( editor, true ),
firstLink = elements[ 0 ] || null;
return firstLink;
},
contents: [ {
id: 'info',
label: linkLang.info,
title: linkLang.info,
elements: [ {
type: 'text',
id: 'linkDisplayText',
label: linkLang.displayText,
setup: function () {
this.enable();
this.setValue( editor.getSelection().getSelectedText() );
// Keep inner text so that it can be compared in commit function. By obtaining value from getData()
// we get value stripped from new line chars which is important when comparing the value later on.
initialLinkText = this.getValue();
},
commit: function ( data ) {
data.linkText = this.isEnabled() ? this.getValue() : '';
}
},
{
id: 'linkType',
type: 'select',
label: linkLang.type,
'default': 'url',
items: [
[ linkLang.toUrl, 'url' ],
[ linkLang.toAnchor, 'anchor' ],
[ linkLang.toEmail, 'email' ],
[ linkLang.toPhone, 'tel' ]
],
onChange: linkTypeChanged,
setup: function ( data ) {
this.setValue( data.type || 'url' );
},
commit: function ( data ) {
data.type = this.getValue();
}
},
{
type: 'vbox',
id: 'urlOptions',
children: [ {
type: 'hbox',
widths: [ '25%', '75%' ],
children: [ {
id: 'protocol',
type: 'select',
label: commonLang.protocol,
items: [
// Force 'ltr' for protocol names in BIDI. (https://dev.ckeditor.com/ticket/5433)
[ 'http://\u200E', 'http://' ],
[ 'https://\u200E', 'https://' ],
[ 'ftp://\u200E', 'ftp://' ],
[ 'news://\u200E', 'news://' ],
[ linkLang.other, '' ]
],
'default': editor.config.linkDefaultProtocol,
setup: function ( data ) {
if ( data.url ) {
this.setValue( data.url.protocol || '' );
}
},
commit: function ( data ) {
if ( !data.url ) {
data.url = {};
}
data.url.protocol = this.getValue();
}
},
{
type: 'text',
id: 'url',
label: commonLang.url,
required: true,
onLoad: function () {
this.allowOnChange = true;
},
onKeyUp: function () {
this.allowOnChange = false;
var protocolCmb = this.getDialog().getContentElement( 'info', 'protocol' ),
url = this.getValue(),
urlOnChangeProtocol = /^(http|https|ftp|news):\/\/(?=.)/i,
urlOnChangeTestOther = /^((javascript:)|[#\/\.\?])/i,
protocol = urlOnChangeProtocol.exec( url );
if ( protocol ) {
this.setValue( url.substr( protocol[ 0 ].length ) );
protocolCmb.setValue( protocol[ 0 ].toLowerCase() );
} else if ( urlOnChangeTestOther.test( url ) ) {
protocolCmb.setValue( '' );
}
this.allowOnChange = true;
},
onChange: function () {
// Dont't call on dialog load.
if ( this.allowOnChange ) {
this.onKeyUp();
}
},
validate: function () {
var dialog = this.getDialog();
if ( dialog.getContentElement( 'info', 'linkType' ) && dialog.getValueOf( 'info', 'linkType' ) != 'url' ) {
return true;
}
if ( !editor.config.linkJavaScriptLinksAllowed && ( /javascript\:/ ).test( this.getValue() ) ) {
alert( commonLang.invalidValue ); // jshint ignore:line
return false;
}
// Edit Anchor.
if ( this.getDialog().fakeObj ) {
return true;
}
var func = CKEDITOR.dialog.validate.notEmpty( linkLang.noUrl );
return func.apply( this );
},
setup: function ( data ) {
this.allowOnChange = false;
if ( data.url ) {
this.setValue( data.url.url );
}
this.allowOnChange = true;
},
commit: function ( data ) {
// IE will not trigger the onChange event if the mouse has been used
// to carry all the operations https://dev.ckeditor.com/ticket/4724
this.onChange();
if ( !data.url ) {
data.url = {};
}
data.url.url = this.getValue();
this.allowOnChange = false;
}
} ],
setup: function () {
if ( !this.getDialog().getContentElement( 'info', 'linkType' ) ) {
this.getElement().show();
}
}
},
{
type: 'button',
id: 'browse',
hidden: 'true',
filebrowser: 'info:url',
label: commonLang.browseServer
} ]
},
{
type: 'vbox',
id: 'anchorOptions',
width: 260,
align: 'center',
padding: 0,
children: [ {
type: 'fieldset',
id: 'selectAnchorText',
label: linkLang.selectAnchor,
setup: function () {
anchors = plugin.getEditorAnchors( editor );
this.getElement()[ anchors && anchors.length ? 'show' : 'hide' ]();
},
children: [ {
type: 'hbox',
id: 'selectAnchor',
children: [ {
type: 'select',
id: 'anchorName',
'default': '',
label: linkLang.anchorName,
style: 'width: 100%;',
items: [
[ '' ]
],
setup: function ( data ) {
this.clear();
this.add( '' );
if ( anchors ) {
for ( var i = 0; i < anchors.length; i++ ) {
if ( anchors[ i ].name ) {
this.add( anchors[ i ].name );
}
}
}
if ( data.anchor ) {
this.setValue( data.anchor.name );
}
var linkType = this.getDialog().getContentElement( 'info', 'linkType' );
if ( linkType && linkType.getValue() == 'email' ) {
this.focus();
}
},
commit: function ( data ) {
if ( !data.anchor ) {
data.anchor = {};
}
data.anchor.name = this.getValue();
}
},
{
type: 'select',
id: 'anchorId',
'default': '',
label: linkLang.anchorId,
style: 'width: 100%;',
items: [
[ '' ]
],
setup: function ( data ) {
this.clear();
this.add( '' );
if ( anchors ) {
for ( var i = 0; i < anchors.length; i++ ) {
if ( anchors[ i ].id ) {
this.add( anchors[ i ].id );
}
}
}
if ( data.anchor ) {
this.setValue( data.anchor.id );
}
},
commit: function ( data ) {
if ( !data.anchor ) {
data.anchor = {};
}
data.anchor.id = this.getValue();
}
} ],
setup: function () {
this.getElement()[ anchors && anchors.length ? 'show' : 'hide' ]();
}
} ]
},
{
type: 'html',
id: 'noAnchors',
style: 'text-align: center;',
html: '<div role="note" tabIndex="-1">' + CKEDITOR.tools.htmlEncode( linkLang.noAnchors ) + '</div>',
// Focus the first element defined in above html.
focus: true,
setup: function () {
this.getElement()[ anchors && anchors.length ? 'hide' : 'show' ]();
}
} ],
setup: function () {
if ( !this.getDialog().getContentElement( 'info', 'linkType' ) ) {
this.getElement().hide();
}
}
},
{
type: 'vbox',
id: 'emailOptions',
padding: 1,
children: [ {
type: 'text',
id: 'emailAddress',
label: linkLang.emailAddress,
required: true,
validate: function () {
var dialog = this.getDialog();
if ( !dialog.getContentElement( 'info', 'linkType' ) || dialog.getValueOf( 'info', 'linkType' ) != 'email' ) {
return true;
}
var func = CKEDITOR.dialog.validate.notEmpty( linkLang.noEmail );
return func.apply( this );
},
setup: function ( data ) {
if ( data.email ) {
this.setValue( data.email.address );
}
var linkType = this.getDialog().getContentElement( 'info', 'linkType' );
if ( linkType && linkType.getValue() == 'email' ) {
this.select();
}
},
commit: function ( data ) {
if ( !data.email ) {
data.email = {};
}
data.email.address = this.getValue();
}
},
{
type: 'text',
id: 'emailSubject',
label: linkLang.emailSubject,
setup: function ( data ) {
if ( data.email ) {
this.setValue( data.email.subject );
}
},
commit: function ( data ) {
if ( !data.email ) {
data.email = {};
}
data.email.subject = this.getValue();
}
},
{
type: 'textarea',
id: 'emailBody',
label: linkLang.emailBody,
rows: 3,
'default': '',
setup: function ( data ) {
if ( data.email ) {
this.setValue( data.email.body );
}
},
commit: function ( data ) {
if ( !data.email ) {
data.email = {};
}
data.email.body = this.getValue();
}
} ],
setup: function () {
if ( !this.getDialog().getContentElement( 'info', 'linkType' ) ) {
this.getElement().hide();
}
}
},
{
type: 'vbox',
id: 'telOptions',
padding: 1,
children: [ {
type: 'tel',
id: 'telNumber',
label: linkLang.phoneNumber,
required: true,
validate: validateTelNumber,
setup: function ( data ) {
if ( data.tel ) {
this.setValue( data.tel );
}
var linkType = this.getDialog().getContentElement( 'info', 'linkType' );
if ( linkType && linkType.getValue() == 'tel' ) {
this.select();
}
},
commit: function ( data ) {
data.tel = this.getValue();
}
} ],
setup: function () {
if ( !this.getDialog().getContentElement( 'info', 'linkType' ) ) {
this.getElement().hide();
}
}
} ]
},
{
id: 'target',
requiredContent: 'a[target]', // This is not fully correct, because some target option requires JS.
label: linkLang.target,
title: linkLang.target,
elements: [ {
type: 'hbox',
widths: [ '50%', '50%' ],
children: [ {
type: 'select',
id: 'linkTargetType',
label: commonLang.target,
'default': 'notSet',
style: 'width : 100%;',
'items': [
[ commonLang.notSet, 'notSet' ],
[ linkLang.targetFrame, 'frame' ],
[ linkLang.targetPopup, 'popup' ],
[ commonLang.targetNew, '_blank' ],
[ commonLang.targetTop, '_top' ],
[ commonLang.targetSelf, '_self' ],
[ commonLang.targetParent, '_parent' ]
],
onChange: targetChanged,
setup: function ( data ) {
if ( data.target ) {
this.setValue( data.target.type || 'notSet' );
}
targetChanged.call( this );
},
commit: function ( data ) {
if ( !data.target ) {
data.target = {};
}
data.target.type = this.getValue();
}
},
{
type: 'text',
id: 'linkTargetName',
label: linkLang.targetFrameName,
'default': '',
setup: function ( data ) {
if ( data.target ) {
this.setValue( data.target.name );
}
},
commit: function ( data ) {
if ( !data.target ) {
data.target = {};
}
data.target.name = this.getValue().replace( /([^\x00-\x7F]|\s)/gi, '' );
}
} ]
},
{
type: 'vbox',
width: '100%',
align: 'center',
padding: 2,
id: 'popupFeatures',
children: [ {
type: 'fieldset',
label: linkLang.popupFeatures,
children: [ {
type: 'hbox',
children: [ {
type: 'checkbox',
id: 'resizable',
label: linkLang.popupResizable,
setup: setupPopupParams,
commit: commitPopupParams
},
{
type: 'checkbox',
id: 'status',
label: linkLang.popupStatusBar,
setup: setupPopupParams,
commit: commitPopupParams
} ]
},
{
type: 'hbox',
children: [ {
type: 'checkbox',
id: 'location',
label: linkLang.popupLocationBar,
setup: setupPopupParams,
commit: commitPopupParams
},
{
type: 'checkbox',
id: 'toolbar',
label: linkLang.popupToolbar,
setup: setupPopupParams,
commit: commitPopupParams
} ]
},
{
type: 'hbox',
children: [ {
type: 'checkbox',
id: 'menubar',
label: linkLang.popupMenuBar,
setup: setupPopupParams,
commit: commitPopupParams
},
{
type: 'checkbox',
id: 'fullscreen',
label: linkLang.popupFullScreen,
setup: setupPopupParams,
commit: commitPopupParams
} ]
},
{
type: 'hbox',
children: [ {
type: 'checkbox',
id: 'scrollbars',
label: linkLang.popupScrollBars,
setup: setupPopupParams,
commit: commitPopupParams
},
{
type: 'checkbox',
id: 'dependent',
label: linkLang.popupDependent,
setup: setupPopupParams,
commit: commitPopupParams
} ]
},
{
type: 'hbox',
children: [ {
type: 'text',
widths: [ '50%', '50%' ],
labelLayout: 'horizontal',
label: commonLang.width,
id: 'width',
setup: setupPopupParams,
commit: commitPopupParams
},
{
type: 'text',
labelLayout: 'horizontal',
widths: [ '50%', '50%' ],
label: linkLang.popupLeft,
id: 'left',
setup: setupPopupParams,
commit: commitPopupParams
} ]
},
{
type: 'hbox',
children: [ {
type: 'text',
labelLayout: 'horizontal',
widths: [ '50%', '50%' ],
label: commonLang.height,
id: 'height',
setup: setupPopupParams,
commit: commitPopupParams
},
{
type: 'text',
labelLayout: 'horizontal',
label: linkLang.popupTop,
widths: [ '50%', '50%' ],
id: 'top',
setup: setupPopupParams,
commit: commitPopupParams
} ]
} ]
} ]
} ]
},
{
id: 'upload',
label: linkLang.upload,
title: linkLang.upload,
hidden: true,
filebrowser: 'uploadButton',
elements: [ {
type: 'file',
id: 'upload',
label: commonLang.upload,
style: 'height:40px',
size: 29
},
{
type: 'fileButton',
id: 'uploadButton',
label: commonLang.uploadSubmit,
filebrowser: 'info:url',
'for': [ 'upload', 'upload' ]
} ]
},
{
id: 'advanced',
label: linkLang.advanced,
title: linkLang.advanced,
elements: [ {
type: 'vbox',
padding: 1,
children: [ {
type: 'hbox',
widths: [ '45%', '35%', '20%' ],
children: [ {
type: 'text',
id: 'advId',
requiredContent: 'a[id]',
label: linkLang.id,
setup: setupAdvParams,
commit: commitAdvParams
},
{
type: 'select',
id: 'advLangDir',
requiredContent: 'a[dir]',
label: linkLang.langDir,
'default': '',
style: 'width:110px',
items: [
[ commonLang.notSet, '' ],
[ linkLang.langDirLTR, 'ltr' ],
[ linkLang.langDirRTL, 'rtl' ]
],
setup: setupAdvParams,
commit: commitAdvParams
},
{
type: 'text',
id: 'advAccessKey',
requiredContent: 'a[accesskey]',
width: '80px',
label: linkLang.acccessKey,
maxLength: 1,
setup: setupAdvParams,
commit: commitAdvParams
} ]
},
{
type: 'hbox',
widths: [ '45%', '35%', '20%' ],
children: [ {
type: 'text',
label: linkLang.name,
id: 'advName',
requiredContent: 'a[name]',
setup: setupAdvParams,
commit: commitAdvParams
},
{
type: 'text',
label: linkLang.langCode,
id: 'advLangCode',
requiredContent: 'a[lang]',
width: '110px',
'default': '',
setup: setupAdvParams,
commit: commitAdvParams
},
{
type: 'text',
label: linkLang.tabIndex,
id: 'advTabIndex',
requiredContent: 'a[tabindex]',
width: '80px',
maxLength: 5,
setup: setupAdvParams,
commit: commitAdvParams
} ]
} ]
},
{
type: 'vbox',
padding: 1,
children: [ {
type: 'hbox',
widths: [ '45%', '55%' ],
children: [ {
type: 'text',
label: linkLang.advisoryTitle,
requiredContent: 'a[title]',
'default': '',
id: 'advTitle',
setup: setupAdvParams,
commit: commitAdvParams
},
{
type: 'text',
label: linkLang.advisoryContentType,
requiredContent: 'a[type]',
'default': '',
id: 'advContentType',
setup: setupAdvParams,
commit: commitAdvParams
} ]
},
{
type: 'hbox',
widths: [ '45%', '55%' ],
children: [ {
type: 'text',
label: linkLang.cssClasses,
requiredContent: 'a(cke-xyz)', // Random text like 'xyz' will check if all are allowed.
'default': '',
id: 'advCSSClasses',
setup: setupAdvParams,
commit: commitAdvParams
},
{
type: 'text',
label: linkLang.charset,
requiredContent: 'a[charset]',
'default': '',
id: 'advCharset',
setup: setupAdvParams,
commit: commitAdvParams
} ]
},
{
type: 'hbox',
widths: [ '45%', '55%' ],
children: [ {
type: 'text',
label: linkLang.rel,
requiredContent: 'a[rel]',
'default': '',
id: 'advRel',
setup: setupAdvParams,
commit: commitAdvParams
},
{
type: 'text',
label: linkLang.styles,
requiredContent: 'a{cke-xyz}', // Random text like 'xyz' will check if all are allowed.
'default': '',
id: 'advStyles',
validate: CKEDITOR.dialog.validate.inlineStyle( editor.lang.common.invalidInlineStyle ),
setup: setupAdvParams,
commit: commitAdvParams
} ]
},
{
type: 'hbox',
widths: [ '45%', '55%' ],
children: [ {
type: 'checkbox',
id: 'download',
requiredContent: 'a[download]',
label: linkLang.download,
setup: function ( data ) {
if ( data.download !== undefined ) {
this.setValue( 'checked', 'checked' );
}
},
commit: function ( data ) {
if ( this.getValue() ) {
data.download = this.getValue();
}
}
} ]
} ]
} ]
} ],
onShow: function () {
var editor = this.getParentEditor(),
selection = editor.getSelection(),
displayTextField = this.getContentElement( 'info', 'linkDisplayText' ).getElement().getParent().getParent(),
elements = plugin.getSelectedLink( editor, true ),
firstLink = elements[ 0 ] || null;
// Fill in all the relevant fields if there's already one link selected.
if ( firstLink && firstLink.hasAttribute( 'href' ) ) {
// Don't change selection if some element is already selected.
// For example - don't destroy fake selection.
if ( !selection.getSelectedElement() && !selection.isInTable() ) {
selection.selectElement( firstLink );
}
}
var data = plugin.parseLinkAttributes( editor, firstLink );
// Here we'll decide whether or not we want to show Display Text field.
if ( elements.length <= 1 && plugin.showDisplayTextForElement( firstLink, editor ) ) {
displayTextField.show();
} else {
displayTextField.hide();
}
// Record down the selected element in the dialog.
this._.selectedElements = elements;
this.setupContent( data );
},
onOk: function () {
var data = {};
// Collect data from fields.
this.commitContent( data );
if ( !this._.selectedElements.length ) {
insertLinksIntoSelection( editor, data );
} else {
editLinksInSelection( editor, this._.selectedElements, data );
delete this._.selectedElements;
}
},
onLoad: function () {
if ( !editor.config.linkShowAdvancedTab ) {
this.hidePage( 'advanced' ); //Hide Advanded tab.
}
if ( !editor.config.linkShowTargetTab ) {
this.hidePage( 'target' ); //Hide Target tab.
}
},
// Inital focus on 'url' field if link is of type URL.
onFocus: function () {
var linkType = this.getContentElement( 'info', 'linkType' ),
urlField;
if ( linkType && linkType.getValue() == 'url' ) {
urlField = this.getContentElement( 'info', 'url' );
urlField.select();
}
}
};
} );
function validateTelNumber() {
var dialog = this.getDialog(),
editor = dialog._.editor,
regExp = editor.config.linkPhoneRegExp,
msg = editor.config.linkPhoneMsg,
linkLang = editor.lang.link,
messageWhenEmpty = CKEDITOR.dialog.validate.notEmpty( linkLang.noTel ).apply( this );
if ( !dialog.getContentElement( 'info', 'linkType' ) || dialog.getValueOf( 'info', 'linkType' ) != 'tel' ) {
return true;
}
if ( messageWhenEmpty !== true ) {
return messageWhenEmpty;
}
if ( regExp ) {
return CKEDITOR.dialog.validate.regex( regExp, msg ).call( this );
}
}
} )();
// jscs:disable maximumLineLength
/**
* The e-mail address anti-spam protection option. The protection will be
* applied when creating or modifying e-mail links through the editor interface.
*
* Two methods of protection can be chosen:
*
* 1. The e-mail parts (name, domain, and any other query string) are
* assembled into a function call pattern. Such function must be
* provided by the developer in the pages that will use the contents.
* 2. Only the e-mail address is obfuscated into a special string that
* has no meaning for humans or spam bots, but which is properly
* rendered and accepted by the browser.
*
* Both approaches require JavaScript to be enabled.
*
* // href="mailto:tester@ckeditor.com?subject=subject&body=body"
* config.emailProtection = '';
*
* // href="<a href=\"javascript:void(location.href=\'mailto:\'+String.fromCharCode(116,101,115,116,101,114,64,99,107,101,100,105,116,111,114,46,99,111,109)+\'?subject=subject&body=body\')\">e-mail</a>"
* config.emailProtection = 'encode';
*
* // href="javascript:mt('tester','ckeditor.com','subject','body')"
* config.emailProtection = 'mt(NAME,DOMAIN,SUBJECT,BODY)';
*
* @since 3.1.0
* @cfg {String} [emailProtection='' (empty string = disabled)]
* @member CKEDITOR.config
*/
