Añadir boton personalizado a tinymce

Inicio Foros WordPress Themes y Diseño Añadir boton personalizado a tinymce

Etiquetado: , , , , ,

Este debate contiene 3 respuestas, tiene 2 mensajes y lo actualizó  almendron hace 7 años.

  • Autor
    Publicaciones
  • #23263

    aoiTo
    Participante

    <p>Pues eso, me gustaría poder añadir un boton personalizado al editor tinymce de wordpress, concretamente, sería una linea (hr) pero en la que el usuario pueda seleccionar el color que desea para esa linea en concreto, ¿alguna sugerencia?</p>
    <p>Gracias !
    </p>

  • #57598

    almendron
    Participante

    Hace poco estuve investigando una cuestión parecida que tal vez pueda servirte en parte. En mi caso, era para aplicar estilos personalizados. El código era el siguiente:

    Archivo functions.php del tema:

    function my_mce_buttons_2($buttons)
    {
    array_unshift($buttons, 'styleselect');
    return $buttons;
    }
    add_filter('mce_buttons_2', 'my_mce_buttons_2');
    add_editor_style('editor-style.css');

    En tu caso, sería cuestión de sustituir styleselect por el botón que quieras que aparezca. La última línea (la de añadir el editor-style.css no sería necesario).

    Nota: es posible que sustituyendo styleselect por hr te funcione. El código quedaría así:

    function my_mce_buttons_2($buttons)
    {
    array_unshift($buttons, 'hr');
    return $buttons;
    }
    add_filter('mce_buttons_2', 'my_mce_buttons_2');

  • #57599

    aoiTo
    Participante

    No si esa funcion ya la tengo, la cuestion seria mostrar un desplegable junto al boton, con los distintos colores que puede seleccionar el usuario y que luego tendran efecto sobre el hr.

  • #57601

    almendron
    Participante

    Como solución intermedia, puedes hacer lo de aplicar los estilos personalizados a la hr. Añade los estilos correspondientes a style.css y crea editor-style.css con esos mismos estilos. Lo usuarios podrán seleccionar hr y luego aplicar el estilo correspondiente mediante el otro desplegable.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido