Agregar opciones personalizadas al cuadro de diálogo wplink

Logré agregar una opción de selección personalizada para imágenes con

function attachment_field_credit( $form_fields, $post ) {
    $field_value = get_post_meta( $post->ID, 'first_image', true );
    $isSelected1 = $field_value == '1' ? 'selected ' : '';
    $isSelected2 = $field_value != '1' ? 'selected ' : '';
    $form_fields['first_image'] = array(
        'label' => __( 'Use as first image' ),
        'input' => 'html',
        'html' => "<select name='attachments[{$post->ID}][first_image]' id='attachments[{$post->ID}][first_image]'>
                    <option ".$isSelected1." value='1'>Yes</option>
                    <option ".$isSelected2."  value='2'>No</option>
                   </select>"
    );
    return $form_fields;
}
add_filter( 'attachment_fields_to_edit', 'attachment_field_credit', 10, 2 );

Ahora necesito hacer casi lo mismo para los enlaces. Entonces, si hago clic en Pages -> Add New -> Insert / Edit Linkme sale esto:

¿Puedo agregar otro campo de selección de opción para esos enlaces? ¿Como hacer eso?

El diálogo HTML proviene WP_Editors::wp_link_dialog()pero no hay ganchos allí.

En su lugar, podríamos usar jQuery para agregar el HTML personalizado al cuadro de diálogo de enlace e intentar anular, por ejemplo wpLink.getAttrs(), el , porque es muy corto ;-)

Ejemplo de demostración:

jQuery( document ).ready( function( $ ) {
    $('#link-options').append( 
        '<div> 
            <label><span>Link Class</span>
            <select name="wpse-link-class" id="wpse_link_class">
                <option value="normal">normal</option>
                <option value="lightbox">lightbox</option>
           </select>
           </label>
       </div>' );

    wpLink.getAttrs = function() {
        wpLink.correctURL();        
        return {
            class:      $( '#wpse_link_class' ).val(),
            href:       $.trim( $( '#wp-link-url' ).val() ),
            target:     $( '#wp-link-target' ).prop( 'checked' ) ? '_blank' : ''
        };
    }
});

Acabo de hacer una prueba rápida y parece funcionar, pero necesita más pruebas y ajustes al actualizar los enlaces. Aquí hay un viejo truco que hice que podría necesitar una actualización.

Actualizar

Parece que desea agregar la rel="nofollow"opción al cuadro de diálogo de enlace, así que vamos a actualizar el enfoque anterior para ese caso:

Agregamos el relatributo de enlace con:

/**
 * Modify link attributes
 */
wpLink.getAttrs = function() {
    wpLink.correctURL();        
    return {
        rel:        $( '#wpse-rel-no-follow' ).prop( 'checked' ) ? 'nofollow' : '',
        href:       $.trim( $( '#wp-link-url' ).val() ),
        target:     $( '#wp-link-target' ).prop( 'checked' ) ? '_blank' : ''
    };
}

Si el relatributo está vacío, se eliminará automáticamente del enlace en el editor.

Entonces podemos conectarnos al wplink-openevento que se dispara cuando se abre el diálogo de enlace. Aquí podemos inyectar nuestro HTML personalizado y actualizarlo de acuerdo con la selección de enlace actual:

$(document).on( 'wplink-open', function( wrap ) {

    // Custom HTML added to the link dialog
    if( $('#wpse-rel-no-follow').length < 1 )
        $('#link-options').append( '<div> <label><span></span> <input type="checkbox" id="wpse-rel-no-follow"/> No Follow Link</label></div>');

    // Get the current link selection:
    var _node = wpse_getLink();

    if( _node ) {
        // Fetch the rel attribute
        var _rel = $( _node ).attr( 'rel' );

        // Update the checkbox
        $('#wpse-rel-no-follow').prop( 'checked', 'nofollow' === _rel );
    }

});

donde usamos la siguiente función auxiliar, basada en la getLink()función central, para obtener el HTML del enlace seleccionado:

function wpse_getLink() {
    var _ed = window.tinymce.get( window.wpActiveEditor );
    if ( _ed && ! _ed.isHidden() ) {
        return _ed.dom.getParent( _ed.selection.getNode(), 'a[href]' );
    } 
    return null;
}

Aquí está la salida:

con el siguiente HTML:

ps: Esto podría probarse más y también podría ampliarse para admitir traducciones

Mirando el núcleo, no hay rastro de ningún filtro o acción en la wp_link_dialogfunción, lo que habría hecho su vida más fácil ...

Investigando cómo otros han resuelto este problema, hay un complemento que hace más o menos lo mismo que tú quieres. Básicamente, elimina el registro de wplink.js wp_deregister_script('wplink');y vuelve a registrar una versión modificada del archivo, esta vez incluyendo el campo adicional deseado.

Aunque no creo que este sea el mejor método (teniendo en cuenta posibles conflictos posteriores al actualizar WordPress), creo que es el wat más fácil de obtener.

¡Espero eso ayude!