Bootstrap version 4
Bootstrap Version 4
This commit is contained in:
Francesco Malagrino
100
4/ckeditor/plugins/forms/dialogs/button.js
Executable file
100
4/ckeditor/plugins/forms/dialogs/button.js
Executable file
@@ -0,0 +1,100 @@
|
||||
/**
|
||||
* @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
|
||||
* For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
CKEDITOR.dialog.add( 'button', function( editor ) {
|
||||
function commitAttributes( element ) {
|
||||
var val = this.getValue();
|
||||
if ( val ) {
|
||||
element.attributes[ this.id ] = val;
|
||||
if ( this.id == 'name' )
|
||||
element.attributes[ 'data-cke-saved-name' ] = val;
|
||||
} else {
|
||||
delete element.attributes[ this.id ];
|
||||
if ( this.id == 'name' )
|
||||
delete element.attributes[ 'data-cke-saved-name' ];
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
title: editor.lang.forms.button.title,
|
||||
minWidth: 350,
|
||||
minHeight: 150,
|
||||
onShow: function() {
|
||||
delete this.button;
|
||||
var element = this.getParentEditor().getSelection().getSelectedElement();
|
||||
if ( element && element.is( 'input' ) ) {
|
||||
var type = element.getAttribute( 'type' );
|
||||
if ( type in { button: 1, reset: 1, submit: 1 } ) {
|
||||
this.button = element;
|
||||
this.setupContent( element );
|
||||
}
|
||||
}
|
||||
},
|
||||
onOk: function() {
|
||||
var editor = this.getParentEditor(),
|
||||
element = this.button,
|
||||
isInsertMode = !element;
|
||||
|
||||
var fake = element ? CKEDITOR.htmlParser.fragment.fromHtml( element.getOuterHtml() ).children[ 0 ] : new CKEDITOR.htmlParser.element( 'input' );
|
||||
this.commitContent( fake );
|
||||
|
||||
var writer = new CKEDITOR.htmlParser.basicWriter();
|
||||
fake.writeHtml( writer );
|
||||
var newElement = CKEDITOR.dom.element.createFromHtml( writer.getHtml(), editor.document );
|
||||
|
||||
if ( isInsertMode )
|
||||
editor.insertElement( newElement );
|
||||
else {
|
||||
newElement.replace( element );
|
||||
editor.getSelection().selectElement( newElement );
|
||||
}
|
||||
},
|
||||
contents: [ {
|
||||
id: 'info',
|
||||
label: editor.lang.forms.button.title,
|
||||
title: editor.lang.forms.button.title,
|
||||
elements: [
|
||||
{
|
||||
id: 'name',
|
||||
type: 'text',
|
||||
bidi: true,
|
||||
label: editor.lang.common.name,
|
||||
'default': '',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.data( 'cke-saved-name' ) || element.getAttribute( 'name' ) || '' );
|
||||
},
|
||||
commit: commitAttributes
|
||||
},
|
||||
{
|
||||
id: 'value',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.button.text,
|
||||
accessKey: 'V',
|
||||
'default': '',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.getAttribute( 'value' ) || '' );
|
||||
},
|
||||
commit: commitAttributes
|
||||
},
|
||||
{
|
||||
id: 'type',
|
||||
type: 'select',
|
||||
label: editor.lang.forms.button.type,
|
||||
'default': 'button',
|
||||
accessKey: 'T',
|
||||
items: [
|
||||
[ editor.lang.forms.button.typeBtn, 'button' ],
|
||||
[ editor.lang.forms.button.typeSbm, 'submit' ],
|
||||
[ editor.lang.forms.button.typeRst, 'reset' ]
|
||||
],
|
||||
setup: function( element ) {
|
||||
this.setValue( element.getAttribute( 'type' ) || '' );
|
||||
},
|
||||
commit: commitAttributes
|
||||
}
|
||||
]
|
||||
} ]
|
||||
};
|
||||
} );
|
||||
146
4/ckeditor/plugins/forms/dialogs/checkbox.js
Executable file
146
4/ckeditor/plugins/forms/dialogs/checkbox.js
Executable file
@@ -0,0 +1,146 @@
|
||||
/**
|
||||
* @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
|
||||
* For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
CKEDITOR.dialog.add( 'checkbox', function( editor ) {
|
||||
return {
|
||||
title: editor.lang.forms.checkboxAndRadio.checkboxTitle,
|
||||
minWidth: 350,
|
||||
minHeight: 140,
|
||||
onShow: function() {
|
||||
delete this.checkbox;
|
||||
|
||||
var element = this.getParentEditor().getSelection().getSelectedElement();
|
||||
|
||||
if ( element && element.getAttribute( 'type' ) == 'checkbox' ) {
|
||||
this.checkbox = element;
|
||||
this.setupContent( element );
|
||||
}
|
||||
},
|
||||
onOk: function() {
|
||||
var editor,
|
||||
element = this.checkbox,
|
||||
isInsertMode = !element;
|
||||
|
||||
if ( isInsertMode ) {
|
||||
editor = this.getParentEditor();
|
||||
element = editor.document.createElement( 'input' );
|
||||
element.setAttribute( 'type', 'checkbox' );
|
||||
editor.insertElement( element );
|
||||
}
|
||||
this.commitContent( { element: element } );
|
||||
},
|
||||
contents: [ {
|
||||
id: 'info',
|
||||
label: editor.lang.forms.checkboxAndRadio.checkboxTitle,
|
||||
title: editor.lang.forms.checkboxAndRadio.checkboxTitle,
|
||||
startupFocus: 'txtName',
|
||||
elements: [ {
|
||||
id: 'txtName',
|
||||
type: 'text',
|
||||
label: editor.lang.common.name,
|
||||
'default': '',
|
||||
accessKey: 'N',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.data( 'cke-saved-name' ) || element.getAttribute( 'name' ) || '' );
|
||||
},
|
||||
commit: function( data ) {
|
||||
var element = data.element;
|
||||
|
||||
// IE failed to update 'name' property on input elements, protect it now.
|
||||
if ( this.getValue() )
|
||||
element.data( 'cke-saved-name', this.getValue() );
|
||||
else {
|
||||
element.data( 'cke-saved-name', false );
|
||||
element.removeAttribute( 'name' );
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'txtValue',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.checkboxAndRadio.value,
|
||||
'default': '',
|
||||
accessKey: 'V',
|
||||
setup: function( element ) {
|
||||
var value = element.getAttribute( 'value' );
|
||||
// IE Return 'on' as default attr value.
|
||||
this.setValue( CKEDITOR.env.ie && value == 'on' ? '' : value );
|
||||
},
|
||||
commit: function( data ) {
|
||||
var element = data.element,
|
||||
value = this.getValue();
|
||||
|
||||
if ( value && !( CKEDITOR.env.ie && value == 'on' ) )
|
||||
element.setAttribute( 'value', value );
|
||||
else {
|
||||
if ( CKEDITOR.env.ie ) {
|
||||
// Remove attribute 'value' of checkbox (#4721).
|
||||
var checkbox = new CKEDITOR.dom.element( 'input', element.getDocument() );
|
||||
element.copyAttributes( checkbox, { value: 1 } );
|
||||
checkbox.replace( element );
|
||||
editor.getSelection().selectElement( checkbox );
|
||||
data.element = checkbox;
|
||||
} else {
|
||||
element.removeAttribute( 'value' );
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'cmbSelected',
|
||||
type: 'checkbox',
|
||||
label: editor.lang.forms.checkboxAndRadio.selected,
|
||||
'default': '',
|
||||
accessKey: 'S',
|
||||
value: 'checked',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.getAttribute( 'checked' ) );
|
||||
},
|
||||
commit: function( data ) {
|
||||
var element = data.element;
|
||||
|
||||
if ( CKEDITOR.env.ie ) {
|
||||
var isElementChecked = !!element.getAttribute( 'checked' ),
|
||||
isChecked = !!this.getValue();
|
||||
|
||||
if ( isElementChecked != isChecked ) {
|
||||
var replace = CKEDITOR.dom.element.createFromHtml( '<input type="checkbox"' + ( isChecked ? ' checked="checked"' : '' ) +
|
||||
'/>', editor.document );
|
||||
|
||||
element.copyAttributes( replace, { type: 1, checked: 1 } );
|
||||
replace.replace( element );
|
||||
editor.getSelection().selectElement( replace );
|
||||
data.element = replace;
|
||||
}
|
||||
} else {
|
||||
var value = this.getValue();
|
||||
if ( value )
|
||||
element.setAttribute( 'checked', 'checked' );
|
||||
else
|
||||
element.removeAttribute( 'checked' );
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'required',
|
||||
type: 'checkbox',
|
||||
label: editor.lang.forms.checkboxAndRadio.required,
|
||||
'default': '',
|
||||
accessKey: 'Q',
|
||||
value: 'required',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.getAttribute( 'required' ) );
|
||||
},
|
||||
commit: function( data ) {
|
||||
var element = data.element;
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'required', 'required' );
|
||||
else
|
||||
element.removeAttribute( 'required' );
|
||||
}
|
||||
} ]
|
||||
} ]
|
||||
};
|
||||
} );
|
||||
145
4/ckeditor/plugins/forms/dialogs/form.js
Executable file
145
4/ckeditor/plugins/forms/dialogs/form.js
Executable file
@@ -0,0 +1,145 @@
|
||||
/**
|
||||
* @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
|
||||
* For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
CKEDITOR.dialog.add( 'form', function( editor ) {
|
||||
var autoAttributes = { action: 1, id: 1, method: 1, enctype: 1, target: 1 };
|
||||
|
||||
return {
|
||||
title: editor.lang.forms.form.title,
|
||||
minWidth: 350,
|
||||
minHeight: 200,
|
||||
onShow: function() {
|
||||
delete this.form;
|
||||
|
||||
var path = this.getParentEditor().elementPath(),
|
||||
form = path.contains( 'form', 1 );
|
||||
|
||||
if ( form ) {
|
||||
this.form = form;
|
||||
this.setupContent( form );
|
||||
}
|
||||
},
|
||||
onOk: function() {
|
||||
var editor,
|
||||
element = this.form,
|
||||
isInsertMode = !element;
|
||||
|
||||
if ( isInsertMode ) {
|
||||
editor = this.getParentEditor();
|
||||
element = editor.document.createElement( 'form' );
|
||||
element.appendBogus();
|
||||
}
|
||||
|
||||
if ( isInsertMode )
|
||||
editor.insertElement( element );
|
||||
this.commitContent( element );
|
||||
},
|
||||
onLoad: function() {
|
||||
function autoSetup( element ) {
|
||||
this.setValue( element.getAttribute( this.id ) || '' );
|
||||
}
|
||||
|
||||
function autoCommit( element ) {
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( this.id, this.getValue() );
|
||||
else
|
||||
element.removeAttribute( this.id );
|
||||
}
|
||||
|
||||
this.foreach( function( contentObj ) {
|
||||
if ( autoAttributes[ contentObj.id ] ) {
|
||||
contentObj.setup = autoSetup;
|
||||
contentObj.commit = autoCommit;
|
||||
}
|
||||
} );
|
||||
},
|
||||
contents: [ {
|
||||
id: 'info',
|
||||
label: editor.lang.forms.form.title,
|
||||
title: editor.lang.forms.form.title,
|
||||
elements: [ {
|
||||
id: 'txtName',
|
||||
bidi: true,
|
||||
type: 'text',
|
||||
label: editor.lang.common.name,
|
||||
'default': '',
|
||||
accessKey: 'N',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.data( 'cke-saved-name' ) || element.getAttribute( 'name' ) || '' );
|
||||
},
|
||||
commit: function( element ) {
|
||||
if ( this.getValue() )
|
||||
element.data( 'cke-saved-name', this.getValue() );
|
||||
else {
|
||||
element.data( 'cke-saved-name', false );
|
||||
element.removeAttribute( 'name' );
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'action',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.form.action,
|
||||
'default': '',
|
||||
accessKey: 'T'
|
||||
},
|
||||
{
|
||||
type: 'hbox',
|
||||
widths: [ '45%', '55%' ],
|
||||
children: [ {
|
||||
id: 'id',
|
||||
type: 'text',
|
||||
label: editor.lang.common.id,
|
||||
'default': '',
|
||||
accessKey: 'I'
|
||||
},
|
||||
{
|
||||
id: 'enctype',
|
||||
type: 'select',
|
||||
label: editor.lang.forms.form.encoding,
|
||||
style: 'width:100%',
|
||||
accessKey: 'E',
|
||||
'default': '',
|
||||
items: [
|
||||
[ '' ],
|
||||
[ 'text/plain' ],
|
||||
[ 'multipart/form-data' ],
|
||||
[ 'application/x-www-form-urlencoded' ]
|
||||
]
|
||||
} ]
|
||||
},
|
||||
{
|
||||
type: 'hbox',
|
||||
widths: [ '45%', '55%' ],
|
||||
children: [ {
|
||||
id: 'target',
|
||||
type: 'select',
|
||||
label: editor.lang.common.target,
|
||||
style: 'width:100%',
|
||||
accessKey: 'M',
|
||||
'default': '',
|
||||
items: [
|
||||
[ editor.lang.common.notSet, '' ],
|
||||
[ editor.lang.common.targetNew, '_blank' ],
|
||||
[ editor.lang.common.targetTop, '_top' ],
|
||||
[ editor.lang.common.targetSelf, '_self' ],
|
||||
[ editor.lang.common.targetParent, '_parent' ]
|
||||
]
|
||||
},
|
||||
{
|
||||
id: 'method',
|
||||
type: 'select',
|
||||
label: editor.lang.forms.form.method,
|
||||
accessKey: 'M',
|
||||
'default': 'GET',
|
||||
items: [
|
||||
[ 'GET', 'get' ],
|
||||
[ 'POST', 'post' ]
|
||||
]
|
||||
} ]
|
||||
} ]
|
||||
} ]
|
||||
};
|
||||
} );
|
||||
83
4/ckeditor/plugins/forms/dialogs/hiddenfield.js
Executable file
83
4/ckeditor/plugins/forms/dialogs/hiddenfield.js
Executable file
@@ -0,0 +1,83 @@
|
||||
/**
|
||||
* @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
|
||||
* For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
CKEDITOR.dialog.add( 'hiddenfield', function( editor ) {
|
||||
return {
|
||||
title: editor.lang.forms.hidden.title,
|
||||
hiddenField: null,
|
||||
minWidth: 350,
|
||||
minHeight: 110,
|
||||
onShow: function() {
|
||||
delete this.hiddenField;
|
||||
|
||||
var editor = this.getParentEditor(),
|
||||
selection = editor.getSelection(),
|
||||
element = selection.getSelectedElement();
|
||||
|
||||
if ( element && element.data( 'cke-real-element-type' ) && element.data( 'cke-real-element-type' ) == 'hiddenfield' ) {
|
||||
this.hiddenField = element;
|
||||
element = editor.restoreRealElement( this.hiddenField );
|
||||
this.setupContent( element );
|
||||
selection.selectElement( this.hiddenField );
|
||||
}
|
||||
},
|
||||
onOk: function() {
|
||||
var name = this.getValueOf( 'info', '_cke_saved_name' ),
|
||||
editor = this.getParentEditor(),
|
||||
element = CKEDITOR.env.ie && CKEDITOR.document.$.documentMode < 8 ?
|
||||
editor.document.createElement( '<input name="' + CKEDITOR.tools.htmlEncode( name ) + '">' ) :
|
||||
editor.document.createElement( 'input' );
|
||||
|
||||
element.setAttribute( 'type', 'hidden' );
|
||||
this.commitContent( element );
|
||||
var fakeElement = editor.createFakeElement( element, 'cke_hidden', 'hiddenfield' );
|
||||
if ( !this.hiddenField )
|
||||
editor.insertElement( fakeElement );
|
||||
else {
|
||||
fakeElement.replace( this.hiddenField );
|
||||
editor.getSelection().selectElement( fakeElement );
|
||||
}
|
||||
return true;
|
||||
},
|
||||
contents: [ {
|
||||
id: 'info',
|
||||
label: editor.lang.forms.hidden.title,
|
||||
title: editor.lang.forms.hidden.title,
|
||||
elements: [ {
|
||||
id: '_cke_saved_name',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.hidden.name,
|
||||
'default': '',
|
||||
accessKey: 'N',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.data( 'cke-saved-name' ) || element.getAttribute( 'name' ) || '' );
|
||||
},
|
||||
commit: function( element ) {
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'name', this.getValue() );
|
||||
else
|
||||
element.removeAttribute( 'name' );
|
||||
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'value',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.hidden.value,
|
||||
'default': '',
|
||||
accessKey: 'V',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.getAttribute( 'value' ) || '' );
|
||||
},
|
||||
commit: function( element ) {
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'value', this.getValue() );
|
||||
else
|
||||
element.removeAttribute( 'value' );
|
||||
}
|
||||
} ]
|
||||
} ]
|
||||
};
|
||||
} );
|
||||
129
4/ckeditor/plugins/forms/dialogs/radio.js
Executable file
129
4/ckeditor/plugins/forms/dialogs/radio.js
Executable file
@@ -0,0 +1,129 @@
|
||||
/**
|
||||
* @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
|
||||
* For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
CKEDITOR.dialog.add( 'radio', function( editor ) {
|
||||
return {
|
||||
title: editor.lang.forms.checkboxAndRadio.radioTitle,
|
||||
minWidth: 350,
|
||||
minHeight: 140,
|
||||
onShow: function() {
|
||||
delete this.radioButton;
|
||||
|
||||
var element = this.getParentEditor().getSelection().getSelectedElement();
|
||||
if ( element && element.getName() == 'input' && element.getAttribute( 'type' ) == 'radio' ) {
|
||||
this.radioButton = element;
|
||||
this.setupContent( element );
|
||||
}
|
||||
},
|
||||
onOk: function() {
|
||||
var editor,
|
||||
element = this.radioButton,
|
||||
isInsertMode = !element;
|
||||
|
||||
if ( isInsertMode ) {
|
||||
editor = this.getParentEditor();
|
||||
element = editor.document.createElement( 'input' );
|
||||
element.setAttribute( 'type', 'radio' );
|
||||
}
|
||||
|
||||
if ( isInsertMode )
|
||||
editor.insertElement( element );
|
||||
this.commitContent( { element: element } );
|
||||
},
|
||||
contents: [ {
|
||||
id: 'info',
|
||||
label: editor.lang.forms.checkboxAndRadio.radioTitle,
|
||||
title: editor.lang.forms.checkboxAndRadio.radioTitle,
|
||||
elements: [ {
|
||||
id: 'name',
|
||||
type: 'text',
|
||||
label: editor.lang.common.name,
|
||||
'default': '',
|
||||
accessKey: 'N',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.data( 'cke-saved-name' ) || element.getAttribute( 'name' ) || '' );
|
||||
},
|
||||
commit: function( data ) {
|
||||
var element = data.element;
|
||||
|
||||
if ( this.getValue() )
|
||||
element.data( 'cke-saved-name', this.getValue() );
|
||||
else {
|
||||
element.data( 'cke-saved-name', false );
|
||||
element.removeAttribute( 'name' );
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'value',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.checkboxAndRadio.value,
|
||||
'default': '',
|
||||
accessKey: 'V',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.getAttribute( 'value' ) || '' );
|
||||
},
|
||||
commit: function( data ) {
|
||||
var element = data.element;
|
||||
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'value', this.getValue() );
|
||||
else
|
||||
element.removeAttribute( 'value' );
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'checked',
|
||||
type: 'checkbox',
|
||||
label: editor.lang.forms.checkboxAndRadio.selected,
|
||||
'default': '',
|
||||
accessKey: 'S',
|
||||
value: 'checked',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.getAttribute( 'checked' ) );
|
||||
},
|
||||
commit: function( data ) {
|
||||
var element = data.element;
|
||||
|
||||
if ( !CKEDITOR.env.ie ) {
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'checked', 'checked' );
|
||||
else
|
||||
element.removeAttribute( 'checked' );
|
||||
} else {
|
||||
var isElementChecked = element.getAttribute( 'checked' );
|
||||
var isChecked = !!this.getValue();
|
||||
|
||||
if ( isElementChecked != isChecked ) {
|
||||
var replace = CKEDITOR.dom.element.createFromHtml( '<input type="radio"' + ( isChecked ? ' checked="checked"' : '' ) +
|
||||
'></input>', editor.document );
|
||||
element.copyAttributes( replace, { type: 1, checked: 1 } );
|
||||
replace.replace( element );
|
||||
editor.getSelection().selectElement( replace );
|
||||
data.element = replace;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'required',
|
||||
type: 'checkbox',
|
||||
label: editor.lang.forms.checkboxAndRadio.required,
|
||||
'default': '',
|
||||
accessKey: 'Q',
|
||||
value: 'required',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.getAttribute( 'required' ) );
|
||||
},
|
||||
commit: function( data ) {
|
||||
var element = data.element;
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'required', 'required' );
|
||||
else
|
||||
element.removeAttribute( 'required' );
|
||||
}
|
||||
} ]
|
||||
} ]
|
||||
};
|
||||
} );
|
||||
507
4/ckeditor/plugins/forms/dialogs/select.js
Executable file
507
4/ckeditor/plugins/forms/dialogs/select.js
Executable file
@@ -0,0 +1,507 @@
|
||||
/**
|
||||
* @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
|
||||
* For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
CKEDITOR.dialog.add( 'select', function( editor ) {
|
||||
// Add a new option to a SELECT object (combo or list).
|
||||
function addOption( combo, optionText, optionValue, documentObject, index ) {
|
||||
combo = getSelect( combo );
|
||||
var oOption;
|
||||
if ( documentObject )
|
||||
oOption = documentObject.createElement( 'OPTION' );
|
||||
else
|
||||
oOption = document.createElement( 'OPTION' );
|
||||
|
||||
if ( combo && oOption && oOption.getName() == 'option' ) {
|
||||
if ( CKEDITOR.env.ie ) {
|
||||
if ( !isNaN( parseInt( index, 10 ) ) )
|
||||
combo.$.options.add( oOption.$, index );
|
||||
else
|
||||
combo.$.options.add( oOption.$ );
|
||||
|
||||
oOption.$.innerHTML = optionText.length > 0 ? optionText : '';
|
||||
oOption.$.value = optionValue;
|
||||
} else {
|
||||
if ( index !== null && index < combo.getChildCount() )
|
||||
combo.getChild( index < 0 ? 0 : index ).insertBeforeMe( oOption );
|
||||
else
|
||||
combo.append( oOption );
|
||||
|
||||
oOption.setText( optionText.length > 0 ? optionText : '' );
|
||||
oOption.setValue( optionValue );
|
||||
}
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
|
||||
return oOption;
|
||||
}
|
||||
// Remove all selected options from a SELECT object.
|
||||
function removeSelectedOptions( combo ) {
|
||||
combo = getSelect( combo );
|
||||
|
||||
// Save the selected index
|
||||
var iSelectedIndex = getSelectedIndex( combo );
|
||||
|
||||
// Remove all selected options.
|
||||
for ( var i = combo.getChildren().count() - 1; i >= 0; i-- ) {
|
||||
if ( combo.getChild( i ).$.selected )
|
||||
combo.getChild( i ).remove();
|
||||
}
|
||||
|
||||
// Reset the selection based on the original selected index.
|
||||
setSelectedIndex( combo, iSelectedIndex );
|
||||
}
|
||||
//Modify option from a SELECT object.
|
||||
function modifyOption( combo, index, title, value ) {
|
||||
combo = getSelect( combo );
|
||||
if ( index < 0 )
|
||||
return false;
|
||||
var child = combo.getChild( index );
|
||||
child.setText( title );
|
||||
child.setValue( value );
|
||||
return child;
|
||||
}
|
||||
|
||||
function removeAllOptions( combo ) {
|
||||
combo = getSelect( combo );
|
||||
while ( combo.getChild( 0 ) && combo.getChild( 0 ).remove() ) {
|
||||
|
||||
}
|
||||
}
|
||||
// Moves the selected option by a number of steps (also negative).
|
||||
function changeOptionPosition( combo, steps, documentObject ) {
|
||||
combo = getSelect( combo );
|
||||
var iActualIndex = getSelectedIndex( combo );
|
||||
if ( iActualIndex < 0 )
|
||||
return false;
|
||||
|
||||
var iFinalIndex = iActualIndex + steps;
|
||||
iFinalIndex = ( iFinalIndex < 0 ) ? 0 : iFinalIndex;
|
||||
iFinalIndex = ( iFinalIndex >= combo.getChildCount() ) ? combo.getChildCount() - 1 : iFinalIndex;
|
||||
|
||||
if ( iActualIndex == iFinalIndex )
|
||||
return false;
|
||||
|
||||
var oOption = combo.getChild( iActualIndex ),
|
||||
sText = oOption.getText(),
|
||||
sValue = oOption.getValue();
|
||||
|
||||
oOption.remove();
|
||||
|
||||
oOption = addOption( combo, sText, sValue, ( !documentObject ) ? null : documentObject, iFinalIndex );
|
||||
setSelectedIndex( combo, iFinalIndex );
|
||||
return oOption;
|
||||
}
|
||||
|
||||
function getSelectedIndex( combo ) {
|
||||
combo = getSelect( combo );
|
||||
return combo ? combo.$.selectedIndex : -1;
|
||||
}
|
||||
|
||||
function setSelectedIndex( combo, index ) {
|
||||
combo = getSelect( combo );
|
||||
if ( index < 0 )
|
||||
return null;
|
||||
var count = combo.getChildren().count();
|
||||
combo.$.selectedIndex = ( index >= count ) ? ( count - 1 ) : index;
|
||||
return combo;
|
||||
}
|
||||
|
||||
function getOptions( combo ) {
|
||||
combo = getSelect( combo );
|
||||
return combo ? combo.getChildren() : false;
|
||||
}
|
||||
|
||||
function getSelect( obj ) {
|
||||
if ( obj && obj.domId && obj.getInputElement().$ ) // Dialog element.
|
||||
return obj.getInputElement();
|
||||
else if ( obj && obj.$ )
|
||||
return obj;
|
||||
return false;
|
||||
}
|
||||
|
||||
return {
|
||||
title: editor.lang.forms.select.title,
|
||||
minWidth: CKEDITOR.env.ie ? 460 : 395,
|
||||
minHeight: CKEDITOR.env.ie ? 320 : 300,
|
||||
onShow: function() {
|
||||
delete this.selectBox;
|
||||
this.setupContent( 'clear' );
|
||||
var element = this.getParentEditor().getSelection().getSelectedElement();
|
||||
if ( element && element.getName() == 'select' ) {
|
||||
this.selectBox = element;
|
||||
this.setupContent( element.getName(), element );
|
||||
|
||||
// Load Options into dialog.
|
||||
var objOptions = getOptions( element );
|
||||
for ( var i = 0; i < objOptions.count(); i++ )
|
||||
this.setupContent( 'option', objOptions.getItem( i ) );
|
||||
}
|
||||
},
|
||||
onOk: function() {
|
||||
var editor = this.getParentEditor(),
|
||||
element = this.selectBox,
|
||||
isInsertMode = !element;
|
||||
|
||||
if ( isInsertMode )
|
||||
element = editor.document.createElement( 'select' );
|
||||
this.commitContent( element );
|
||||
|
||||
if ( isInsertMode ) {
|
||||
editor.insertElement( element );
|
||||
if ( CKEDITOR.env.ie ) {
|
||||
var sel = editor.getSelection(),
|
||||
bms = sel.createBookmarks();
|
||||
setTimeout( function() {
|
||||
sel.selectBookmarks( bms );
|
||||
}, 0 );
|
||||
}
|
||||
}
|
||||
},
|
||||
contents: [ {
|
||||
id: 'info',
|
||||
label: editor.lang.forms.select.selectInfo,
|
||||
title: editor.lang.forms.select.selectInfo,
|
||||
accessKey: '',
|
||||
elements: [ {
|
||||
id: 'txtName',
|
||||
type: 'text',
|
||||
widths: [ '25%', '75%' ],
|
||||
labelLayout: 'horizontal',
|
||||
label: editor.lang.common.name,
|
||||
'default': '',
|
||||
accessKey: 'N',
|
||||
style: 'width:350px',
|
||||
setup: function( name, element ) {
|
||||
if ( name == 'clear' )
|
||||
this.setValue( this[ 'default' ] || '' );
|
||||
else if ( name == 'select' )
|
||||
this.setValue( element.data( 'cke-saved-name' ) || element.getAttribute( 'name' ) || '' );
|
||||
|
||||
},
|
||||
commit: function( element ) {
|
||||
if ( this.getValue() )
|
||||
element.data( 'cke-saved-name', this.getValue() );
|
||||
else {
|
||||
element.data( 'cke-saved-name', false );
|
||||
element.removeAttribute( 'name' );
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'txtValue',
|
||||
type: 'text',
|
||||
widths: [ '25%', '75%' ],
|
||||
labelLayout: 'horizontal',
|
||||
label: editor.lang.forms.select.value,
|
||||
style: 'width:350px',
|
||||
'default': '',
|
||||
className: 'cke_disabled',
|
||||
onLoad: function() {
|
||||
this.getInputElement().setAttribute( 'readOnly', true );
|
||||
},
|
||||
setup: function( name, element ) {
|
||||
if ( name == 'clear' )
|
||||
this.setValue( '' );
|
||||
else if ( name == 'option' && element.getAttribute( 'selected' ) )
|
||||
this.setValue( element.$.value );
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'hbox',
|
||||
className: 'cke_dialog_forms_select_order_txtsize',
|
||||
widths: [ '175px', '170px' ],
|
||||
children: [ {
|
||||
id: 'txtSize',
|
||||
type: 'text',
|
||||
labelLayout: 'horizontal',
|
||||
label: editor.lang.forms.select.size,
|
||||
'default': '',
|
||||
accessKey: 'S',
|
||||
style: 'width:175px',
|
||||
validate: function() {
|
||||
var func = CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed );
|
||||
return ( ( this.getValue() === '' ) || func.apply( this ) );
|
||||
},
|
||||
setup: function( name, element ) {
|
||||
if ( name == 'select' )
|
||||
this.setValue( element.getAttribute( 'size' ) || '' );
|
||||
if ( CKEDITOR.env.webkit )
|
||||
this.getInputElement().setStyle( 'width', '86px' );
|
||||
},
|
||||
commit: function( element ) {
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'size', this.getValue() );
|
||||
else
|
||||
element.removeAttribute( 'size' );
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'html',
|
||||
html: '<span>' + CKEDITOR.tools.htmlEncode( editor.lang.forms.select.lines ) + '</span>'
|
||||
} ]
|
||||
},
|
||||
{
|
||||
type: 'html',
|
||||
html: '<span>' + CKEDITOR.tools.htmlEncode( editor.lang.forms.select.opAvail ) + '</span>'
|
||||
},
|
||||
{
|
||||
type: 'hbox',
|
||||
widths: [ '115px', '115px', '100px' ],
|
||||
className: 'cke_dialog_forms_select_order',
|
||||
children: [ {
|
||||
type: 'vbox',
|
||||
children: [ {
|
||||
id: 'txtOptName',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.select.opText,
|
||||
style: 'width:115px',
|
||||
setup: function( name ) {
|
||||
if ( name == 'clear' )
|
||||
this.setValue( '' );
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
id: 'cmbName',
|
||||
label: '',
|
||||
title: '',
|
||||
size: 5,
|
||||
style: 'width:115px;height:75px',
|
||||
items: [],
|
||||
onChange: function() {
|
||||
var dialog = this.getDialog(),
|
||||
values = dialog.getContentElement( 'info', 'cmbValue' ),
|
||||
optName = dialog.getContentElement( 'info', 'txtOptName' ),
|
||||
optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
|
||||
iIndex = getSelectedIndex( this );
|
||||
|
||||
setSelectedIndex( values, iIndex );
|
||||
optName.setValue( this.getValue() );
|
||||
optValue.setValue( values.getValue() );
|
||||
},
|
||||
setup: function( name, element ) {
|
||||
if ( name == 'clear' )
|
||||
removeAllOptions( this );
|
||||
else if ( name == 'option' )
|
||||
addOption( this, element.getText(), element.getText(), this.getDialog().getParentEditor().document );
|
||||
},
|
||||
commit: function( element ) {
|
||||
var dialog = this.getDialog(),
|
||||
optionsNames = getOptions( this ),
|
||||
optionsValues = getOptions( dialog.getContentElement( 'info', 'cmbValue' ) ),
|
||||
selectValue = dialog.getContentElement( 'info', 'txtValue' ).getValue();
|
||||
|
||||
removeAllOptions( element );
|
||||
|
||||
for ( var i = 0; i < optionsNames.count(); i++ ) {
|
||||
var oOption = addOption( element, optionsNames.getItem( i ).getValue(), optionsValues.getItem( i ).getValue(), dialog.getParentEditor().document );
|
||||
if ( optionsValues.getItem( i ).getValue() == selectValue ) {
|
||||
oOption.setAttribute( 'selected', 'selected' );
|
||||
oOption.selected = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
} ]
|
||||
},
|
||||
{
|
||||
type: 'vbox',
|
||||
children: [ {
|
||||
id: 'txtOptValue',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.select.opValue,
|
||||
style: 'width:115px',
|
||||
setup: function( name ) {
|
||||
if ( name == 'clear' )
|
||||
this.setValue( '' );
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'select',
|
||||
id: 'cmbValue',
|
||||
label: '',
|
||||
size: 5,
|
||||
style: 'width:115px;height:75px',
|
||||
items: [],
|
||||
onChange: function() {
|
||||
var dialog = this.getDialog(),
|
||||
names = dialog.getContentElement( 'info', 'cmbName' ),
|
||||
optName = dialog.getContentElement( 'info', 'txtOptName' ),
|
||||
optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
|
||||
iIndex = getSelectedIndex( this );
|
||||
|
||||
setSelectedIndex( names, iIndex );
|
||||
optName.setValue( names.getValue() );
|
||||
optValue.setValue( this.getValue() );
|
||||
},
|
||||
setup: function( name, element ) {
|
||||
if ( name == 'clear' )
|
||||
removeAllOptions( this );
|
||||
else if ( name == 'option' ) {
|
||||
var oValue = element.getValue();
|
||||
addOption( this, oValue, oValue, this.getDialog().getParentEditor().document );
|
||||
if ( element.getAttribute( 'selected' ) == 'selected' )
|
||||
this.getDialog().getContentElement( 'info', 'txtValue' ).setValue( oValue );
|
||||
}
|
||||
}
|
||||
} ]
|
||||
},
|
||||
{
|
||||
type: 'vbox',
|
||||
padding: 5,
|
||||
children: [ {
|
||||
type: 'button',
|
||||
id: 'btnAdd',
|
||||
label: editor.lang.forms.select.btnAdd,
|
||||
title: editor.lang.forms.select.btnAdd,
|
||||
style: 'width:100%;',
|
||||
onClick: function() {
|
||||
//Add new option.
|
||||
var dialog = this.getDialog(),
|
||||
optName = dialog.getContentElement( 'info', 'txtOptName' ),
|
||||
optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
|
||||
names = dialog.getContentElement( 'info', 'cmbName' ),
|
||||
values = dialog.getContentElement( 'info', 'cmbValue' );
|
||||
|
||||
addOption( names, optName.getValue(), optName.getValue(), dialog.getParentEditor().document );
|
||||
addOption( values, optValue.getValue(), optValue.getValue(), dialog.getParentEditor().document );
|
||||
|
||||
optName.setValue( '' );
|
||||
optValue.setValue( '' );
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'button',
|
||||
id: 'btnModify',
|
||||
label: editor.lang.forms.select.btnModify,
|
||||
title: editor.lang.forms.select.btnModify,
|
||||
style: 'width:100%;',
|
||||
onClick: function() {
|
||||
//Modify selected option.
|
||||
var dialog = this.getDialog(),
|
||||
optName = dialog.getContentElement( 'info', 'txtOptName' ),
|
||||
optValue = dialog.getContentElement( 'info', 'txtOptValue' ),
|
||||
names = dialog.getContentElement( 'info', 'cmbName' ),
|
||||
values = dialog.getContentElement( 'info', 'cmbValue' ),
|
||||
iIndex = getSelectedIndex( names );
|
||||
|
||||
if ( iIndex >= 0 ) {
|
||||
modifyOption( names, iIndex, optName.getValue(), optName.getValue() );
|
||||
modifyOption( values, iIndex, optValue.getValue(), optValue.getValue() );
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'button',
|
||||
id: 'btnUp',
|
||||
style: 'width:100%;',
|
||||
label: editor.lang.forms.select.btnUp,
|
||||
title: editor.lang.forms.select.btnUp,
|
||||
onClick: function() {
|
||||
//Move up.
|
||||
var dialog = this.getDialog(),
|
||||
names = dialog.getContentElement( 'info', 'cmbName' ),
|
||||
values = dialog.getContentElement( 'info', 'cmbValue' );
|
||||
|
||||
changeOptionPosition( names, -1, dialog.getParentEditor().document );
|
||||
changeOptionPosition( values, -1, dialog.getParentEditor().document );
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'button',
|
||||
id: 'btnDown',
|
||||
style: 'width:100%;',
|
||||
label: editor.lang.forms.select.btnDown,
|
||||
title: editor.lang.forms.select.btnDown,
|
||||
onClick: function() {
|
||||
//Move down.
|
||||
var dialog = this.getDialog(),
|
||||
names = dialog.getContentElement( 'info', 'cmbName' ),
|
||||
values = dialog.getContentElement( 'info', 'cmbValue' );
|
||||
|
||||
changeOptionPosition( names, 1, dialog.getParentEditor().document );
|
||||
changeOptionPosition( values, 1, dialog.getParentEditor().document );
|
||||
}
|
||||
} ]
|
||||
} ]
|
||||
},
|
||||
{
|
||||
type: 'hbox',
|
||||
widths: [ '40%', '20%', '40%' ],
|
||||
children: [ {
|
||||
type: 'button',
|
||||
id: 'btnSetValue',
|
||||
label: editor.lang.forms.select.btnSetValue,
|
||||
title: editor.lang.forms.select.btnSetValue,
|
||||
onClick: function() {
|
||||
//Set as default value.
|
||||
var dialog = this.getDialog(),
|
||||
values = dialog.getContentElement( 'info', 'cmbValue' ),
|
||||
txtValue = dialog.getContentElement( 'info', 'txtValue' );
|
||||
txtValue.setValue( values.getValue() );
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'button',
|
||||
id: 'btnDelete',
|
||||
label: editor.lang.forms.select.btnDelete,
|
||||
title: editor.lang.forms.select.btnDelete,
|
||||
onClick: function() {
|
||||
// Delete option.
|
||||
var dialog = this.getDialog(),
|
||||
names = dialog.getContentElement( 'info', 'cmbName' ),
|
||||
values = dialog.getContentElement( 'info', 'cmbValue' ),
|
||||
optName = dialog.getContentElement( 'info', 'txtOptName' ),
|
||||
optValue = dialog.getContentElement( 'info', 'txtOptValue' );
|
||||
|
||||
removeSelectedOptions( names );
|
||||
removeSelectedOptions( values );
|
||||
|
||||
optName.setValue( '' );
|
||||
optValue.setValue( '' );
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'vbox',
|
||||
children: [ {
|
||||
id: 'chkMulti',
|
||||
type: 'checkbox',
|
||||
label: editor.lang.forms.select.chkMulti,
|
||||
'default': '',
|
||||
accessKey: 'M',
|
||||
value: 'checked',
|
||||
setup: function( name, element ) {
|
||||
if ( name == 'select' )
|
||||
this.setValue( element.getAttribute( 'multiple' ) );
|
||||
},
|
||||
commit: function( element ) {
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'multiple', this.getValue() );
|
||||
else
|
||||
element.removeAttribute( 'multiple' );
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'required',
|
||||
type: 'checkbox',
|
||||
label: editor.lang.forms.select.required,
|
||||
'default': '',
|
||||
accessKey: 'Q',
|
||||
value: 'checked',
|
||||
setup: function( name, element ) {
|
||||
if ( name == 'select' )
|
||||
this.setValue( element.getAttribute( 'required' ) );
|
||||
},
|
||||
commit: function( element ) {
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'required', 'required' );
|
||||
else
|
||||
element.removeAttribute( 'required' );
|
||||
}
|
||||
} ]
|
||||
} ]
|
||||
} ]
|
||||
} ]
|
||||
};
|
||||
} );
|
||||
128
4/ckeditor/plugins/forms/dialogs/textarea.js
Executable file
128
4/ckeditor/plugins/forms/dialogs/textarea.js
Executable file
@@ -0,0 +1,128 @@
|
||||
/**
|
||||
* @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
|
||||
* For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
CKEDITOR.dialog.add( 'textarea', function( editor ) {
|
||||
return {
|
||||
title: editor.lang.forms.textarea.title,
|
||||
minWidth: 350,
|
||||
minHeight: 220,
|
||||
onShow: function() {
|
||||
delete this.textarea;
|
||||
|
||||
var element = this.getParentEditor().getSelection().getSelectedElement();
|
||||
if ( element && element.getName() == 'textarea' ) {
|
||||
this.textarea = element;
|
||||
this.setupContent( element );
|
||||
}
|
||||
},
|
||||
onOk: function() {
|
||||
var editor,
|
||||
element = this.textarea,
|
||||
isInsertMode = !element;
|
||||
|
||||
if ( isInsertMode ) {
|
||||
editor = this.getParentEditor();
|
||||
element = editor.document.createElement( 'textarea' );
|
||||
}
|
||||
this.commitContent( element );
|
||||
|
||||
if ( isInsertMode )
|
||||
editor.insertElement( element );
|
||||
},
|
||||
contents: [ {
|
||||
id: 'info',
|
||||
label: editor.lang.forms.textarea.title,
|
||||
title: editor.lang.forms.textarea.title,
|
||||
elements: [ {
|
||||
id: '_cke_saved_name',
|
||||
type: 'text',
|
||||
label: editor.lang.common.name,
|
||||
'default': '',
|
||||
accessKey: 'N',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.data( 'cke-saved-name' ) || element.getAttribute( 'name' ) || '' );
|
||||
},
|
||||
commit: function( element ) {
|
||||
if ( this.getValue() )
|
||||
element.data( 'cke-saved-name', this.getValue() );
|
||||
else {
|
||||
element.data( 'cke-saved-name', false );
|
||||
element.removeAttribute( 'name' );
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'hbox',
|
||||
widths: [ '50%', '50%' ],
|
||||
children: [ {
|
||||
id: 'cols',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.textarea.cols,
|
||||
'default': '',
|
||||
accessKey: 'C',
|
||||
style: 'width:50px',
|
||||
validate: CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed ),
|
||||
setup: function( element ) {
|
||||
var value = element.hasAttribute( 'cols' ) && element.getAttribute( 'cols' );
|
||||
this.setValue( value || '' );
|
||||
},
|
||||
commit: function( element ) {
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'cols', this.getValue() );
|
||||
else
|
||||
element.removeAttribute( 'cols' );
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'rows',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.textarea.rows,
|
||||
'default': '',
|
||||
accessKey: 'R',
|
||||
style: 'width:50px',
|
||||
validate: CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed ),
|
||||
setup: function( element ) {
|
||||
var value = element.hasAttribute( 'rows' ) && element.getAttribute( 'rows' );
|
||||
this.setValue( value || '' );
|
||||
},
|
||||
commit: function( element ) {
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'rows', this.getValue() );
|
||||
else
|
||||
element.removeAttribute( 'rows' );
|
||||
}
|
||||
} ]
|
||||
},
|
||||
{
|
||||
id: 'value',
|
||||
type: 'textarea',
|
||||
label: editor.lang.forms.textfield.value,
|
||||
'default': '',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.$.defaultValue );
|
||||
},
|
||||
commit: function( element ) {
|
||||
element.$.value = element.$.defaultValue = this.getValue();
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'required',
|
||||
type: 'checkbox',
|
||||
label: editor.lang.forms.textfield.required,
|
||||
'default': '',
|
||||
accessKey: 'Q',
|
||||
value: 'required',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.getAttribute( 'required' ) );
|
||||
},
|
||||
commit: function( element ) {
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'required', 'required' );
|
||||
else
|
||||
element.removeAttribute( 'required' );
|
||||
}
|
||||
} ]
|
||||
} ]
|
||||
};
|
||||
} );
|
||||
193
4/ckeditor/plugins/forms/dialogs/textfield.js
Executable file
193
4/ckeditor/plugins/forms/dialogs/textfield.js
Executable file
@@ -0,0 +1,193 @@
|
||||
/**
|
||||
* @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
|
||||
* For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
CKEDITOR.dialog.add( 'textfield', function( editor ) {
|
||||
|
||||
var acceptedTypes = { email: 1, password: 1, search: 1, tel: 1, text: 1, url: 1 };
|
||||
|
||||
function autoCommit( data ) {
|
||||
var element = data.element;
|
||||
var value = this.getValue();
|
||||
|
||||
value ? element.setAttribute( this.id, value ) : element.removeAttribute( this.id );
|
||||
}
|
||||
|
||||
function autoSetup( element ) {
|
||||
var value = element.hasAttribute( this.id ) && element.getAttribute( this.id );
|
||||
this.setValue( value || '' );
|
||||
}
|
||||
|
||||
return {
|
||||
title: editor.lang.forms.textfield.title,
|
||||
minWidth: 350,
|
||||
minHeight: 150,
|
||||
onShow: function() {
|
||||
delete this.textField;
|
||||
|
||||
var element = this.getParentEditor().getSelection().getSelectedElement();
|
||||
if ( element && element.getName() == 'input' && ( acceptedTypes[ element.getAttribute( 'type' ) ] || !element.getAttribute( 'type' ) ) ) {
|
||||
this.textField = element;
|
||||
this.setupContent( element );
|
||||
}
|
||||
},
|
||||
onOk: function() {
|
||||
var editor = this.getParentEditor(),
|
||||
element = this.textField,
|
||||
isInsertMode = !element;
|
||||
|
||||
if ( isInsertMode ) {
|
||||
element = editor.document.createElement( 'input' );
|
||||
element.setAttribute( 'type', 'text' );
|
||||
}
|
||||
|
||||
var data = { element: element };
|
||||
|
||||
if ( isInsertMode )
|
||||
editor.insertElement( data.element );
|
||||
|
||||
this.commitContent( data );
|
||||
|
||||
// Element might be replaced by commitment.
|
||||
if ( !isInsertMode )
|
||||
editor.getSelection().selectElement( data.element );
|
||||
},
|
||||
onLoad: function() {
|
||||
this.foreach( function( contentObj ) {
|
||||
if ( contentObj.getValue ) {
|
||||
if ( !contentObj.setup )
|
||||
contentObj.setup = autoSetup;
|
||||
if ( !contentObj.commit )
|
||||
contentObj.commit = autoCommit;
|
||||
}
|
||||
} );
|
||||
},
|
||||
contents: [ {
|
||||
id: 'info',
|
||||
label: editor.lang.forms.textfield.title,
|
||||
title: editor.lang.forms.textfield.title,
|
||||
elements: [ {
|
||||
type: 'hbox',
|
||||
widths: [ '50%', '50%' ],
|
||||
children: [ {
|
||||
id: '_cke_saved_name',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.textfield.name,
|
||||
'default': '',
|
||||
accessKey: 'N',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.data( 'cke-saved-name' ) || element.getAttribute( 'name' ) || '' );
|
||||
},
|
||||
commit: function( data ) {
|
||||
var element = data.element;
|
||||
|
||||
if ( this.getValue() )
|
||||
element.data( 'cke-saved-name', this.getValue() );
|
||||
else {
|
||||
element.data( 'cke-saved-name', false );
|
||||
element.removeAttribute( 'name' );
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'value',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.textfield.value,
|
||||
'default': '',
|
||||
accessKey: 'V',
|
||||
commit: function( data ) {
|
||||
if ( CKEDITOR.env.ie && !this.getValue() ) {
|
||||
var element = data.element,
|
||||
fresh = new CKEDITOR.dom.element( 'input', editor.document );
|
||||
element.copyAttributes( fresh, { value: 1 } );
|
||||
fresh.replace( element );
|
||||
data.element = fresh;
|
||||
} else {
|
||||
autoCommit.call( this, data );
|
||||
}
|
||||
}
|
||||
} ]
|
||||
},
|
||||
{
|
||||
type: 'hbox',
|
||||
widths: [ '50%', '50%' ],
|
||||
children: [ {
|
||||
id: 'size',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.textfield.charWidth,
|
||||
'default': '',
|
||||
accessKey: 'C',
|
||||
style: 'width:50px',
|
||||
validate: CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed )
|
||||
},
|
||||
{
|
||||
id: 'maxLength',
|
||||
type: 'text',
|
||||
label: editor.lang.forms.textfield.maxChars,
|
||||
'default': '',
|
||||
accessKey: 'M',
|
||||
style: 'width:50px',
|
||||
validate: CKEDITOR.dialog.validate.integer( editor.lang.common.validateNumberFailed )
|
||||
} ],
|
||||
onLoad: function() {
|
||||
// Repaint the style for IE7 (#6068)
|
||||
if ( CKEDITOR.env.ie7Compat )
|
||||
this.getElement().setStyle( 'zoom', '100%' );
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'type',
|
||||
type: 'select',
|
||||
label: editor.lang.forms.textfield.type,
|
||||
'default': 'text',
|
||||
accessKey: 'M',
|
||||
items: [
|
||||
[ editor.lang.forms.textfield.typeEmail, 'email' ],
|
||||
[ editor.lang.forms.textfield.typePass, 'password' ],
|
||||
[ editor.lang.forms.textfield.typeSearch, 'search' ],
|
||||
[ editor.lang.forms.textfield.typeTel, 'tel' ],
|
||||
[ editor.lang.forms.textfield.typeText, 'text' ],
|
||||
[ editor.lang.forms.textfield.typeUrl, 'url' ]
|
||||
],
|
||||
setup: function( element ) {
|
||||
this.setValue( element.getAttribute( 'type' ) );
|
||||
},
|
||||
commit: function( data ) {
|
||||
var element = data.element;
|
||||
|
||||
if ( CKEDITOR.env.ie ) {
|
||||
var elementType = element.getAttribute( 'type' );
|
||||
var myType = this.getValue();
|
||||
|
||||
if ( elementType != myType ) {
|
||||
var replace = CKEDITOR.dom.element.createFromHtml( '<input type="' + myType + '"></input>', editor.document );
|
||||
element.copyAttributes( replace, { type: 1 } );
|
||||
replace.replace( element );
|
||||
data.element = replace;
|
||||
}
|
||||
} else {
|
||||
element.setAttribute( 'type', this.getValue() );
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 'required',
|
||||
type: 'checkbox',
|
||||
label: editor.lang.forms.textfield.required,
|
||||
'default': '',
|
||||
accessKey: 'Q',
|
||||
value: 'required',
|
||||
setup: function( element ) {
|
||||
this.setValue( element.getAttribute( 'required' ) );
|
||||
},
|
||||
commit: function( data ) {
|
||||
var element = data.element;
|
||||
if ( this.getValue() )
|
||||
element.setAttribute( 'required', 'required' );
|
||||
else
|
||||
element.removeAttribute( 'required' );
|
||||
}
|
||||
} ]
|
||||
} ]
|
||||
};
|
||||
} );
|
||||
Reference in New Issue
Block a user