anchor_link-8.x-1.x-dev/js/anchor/dialogs/anchor.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
 */

CKEDITOR.dialog.add( 'anchor', function ( editor ) {
    // Function called in onShow to load selected element.
    var loadElements = function ( element ) {
            this._.selectedElement = element;

            var attributeValue = element.data( 'cke-saved-name' );
            this.setValueOf( 'info', 'txtName', attributeValue || '' );
        };

    function createFakeAnchor( editor, attributes ) {
        return editor.createFakeElement( editor.document.createElement( 'a', {
            attributes: attributes
        } ), 'cke_anchor', 'anchor' );
    }

    function getSelectedAnchor( selection ) {
        var range = selection.getRanges()[ 0 ],
            element = selection.getSelectedElement();

        // In case of table cell selection, we want to shrink selection from td to a element.
        range.shrink( CKEDITOR.SHRINK_ELEMENT );
        element = range.getEnclosedNode();

        // If selection is inside text, get its parent element (#3437).
        if ( element && element.type === CKEDITOR.NODE_TEXT ) {
            element = element.getParent();
        }

        if ( element && element.type === CKEDITOR.NODE_ELEMENT &&
            ( element.data( 'cke-real-element-type' ) === 'anchor' || element.is( 'a' ) ) ) {
            return element;
        }
    }

    return {
        title: editor.lang.anchor.anchor.title,
        minWidth: 300,
        minHeight: 60,
        getModel: function ( editor ) {
            return getSelectedAnchor( editor.getSelection() ) || null;
        },
        onOk: function () {
            var name = CKEDITOR.tools.trim( this.getValueOf( 'info', 'txtName' ) ),
                attributes = {
                    id: name,
                    name: name,
                    'data-cke-saved-name': name
                },
                selectedElement = this.getModel( editor );

            if ( selectedElement ) {
                if ( selectedElement.data( 'cke-realelement' ) ) {
                    var newFake = createFakeAnchor( editor, attributes );
                    newFake.replace( selectedElement );

                    // Selecting fake element for IE. (https://dev.ckeditor.com/ticket/11377)
                    if ( CKEDITOR.env.ie ) {
                        editor.getSelection().selectElement( newFake );
                    }
                } else {
                    selectedElement.setAttributes( attributes );
                }
            } else {
                var sel = editor.getSelection(),
                    range = sel && sel.getRanges()[ 0 ];

                // Empty anchor
                if ( range.collapsed ) {
                    var anchor = createFakeAnchor( editor, attributes );
                    range.insertNode( anchor );
                } else {
                    if ( CKEDITOR.env.ie && CKEDITOR.env.version < 9 ) {
                        attributes[ 'class' ] = 'cke_anchor';
                    }

                    // Apply style.
                    var style = new CKEDITOR.style( { element: 'a', attributes: attributes } );
                    style.type = CKEDITOR.STYLE_INLINE;
                    style.applyToRange( range );
                }
            }
        },

        onShow: function () {
            var sel = editor.getSelection(),
                fullySelected = this.getModel( editor ),
                fakeSelected = fullySelected && fullySelected.data( 'cke-realelement' ),
                linkElement = fakeSelected ?
                    CKEDITOR.plugins.anchor.tryRestoreFakeAnchor( editor, fullySelected ) :
                    CKEDITOR.plugins.anchor.getSelectedLink( editor );

            if ( linkElement ) {
                loadElements.call( this, linkElement );
                !fakeSelected && sel.selectElement( linkElement );
            }

            this.getContentElement( 'info', 'txtName' ).focus();
        },
        contents: [ {
            id: 'info',
            label: editor.lang.anchor.anchor.title,
            accessKey: 'I',
            elements: [ {
                type: 'text',
                id: 'txtName',
                label: editor.lang.anchor.anchor.name,
                required: true,
                validate: function () {
                    if ( !this.getValue() ) {
                        alert( editor.lang.anchor.anchor.errorName ); // jshint ignore:line
                        return false;
                    }
                    return true;
                }
            } ]
        } ]
    };
} );