1. Este sitio usa cookies. Para continuar usando este sitio, se debe aceptar nuestro uso de cookies. Más información.
  2. ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión
Descartar aviso
Become a vip user! / ¡Házte usuario VIP!
Download free all our add-ons
descarga gratis todos nuestros complementos
Look into XenForo's Manual in spanish
ver gratis el Manual de XenForo en español
Upgrade to user VIP and download free all our add-ons, look into XenForo's Manual in spanish, see all tutorials entirely, and much more....
Actualiza a usuario VIP y descarga gratis todos nuestros complementos, podrás ver gratis el Manual de XenForo en español, ver completamente todos los tutoriales y mucho más....

Become a vip user! / ¡Házte usuario VIP!

Tutorial Añadir botones CITA, CODE, PHP y HTML en el editor

Tema en 'Trucos y Tutoriales' iniciado por descaro, 6 Nov 2010.

  1. descaro

    descaro Activo

    Registrado:
    7 Oct 2010
    Mensajes:
    353
    Me Gusta recibidos:
    129
    Puntos:
    43
    Género:
    Masculino
    Ubicación:
    Espana
    esta es una manera de visualizar los botones que faltan en el editor, no sé si en la beta 3 esto vendrá corregido o si podría afectar en la actualización, pero dejo la manera de realizarse:

    06-11-2010 15-39-54.

    ir a: js/tinymce/themes/xenforo/editor_template.js
    .. editar y buscar

    Insertar CODE, HTML o PHP:
    addButtons : function (theme, tb)
                    {
                            var tags = theme.settings.xenforo_custom_bbcode_tags,
                                    controlManager = theme.editor.controlManager;
    
                            if (typeof tags === 'undefined' || tags.length === 0 || tags === {})
                            {
                                    return;
                            }
    
                            tb.add(controlManager.createControl('|'));
    
                            tinymce.each(tags, function(tag, tagName) {
                                    tb.add(controlManager.createButton('xenforo_custom_bbcode_' + tag,
                                            {title : tag[0], image : tag[1], cmd : 'xenForoWrapBbCode', ui : false, value : tagName}
                                    ));
                            });
                    },
    
    sustituir por:
    Insertar CODE, HTML o PHP:
    addButtons : function (theme, tb)
                    {
                            var tags = theme.settings.xenforo_custom_bbcode_tags,
                                    controlManager = theme.editor.controlManager;
    
                            tb.add(controlManager.createButton('xenforo_quote',
                                    { title: 'xenforo.quote', cmd: 'xenForoWrapBbCode', ui: false, value: 'QUOTE' }
                                    ,
                            tb.add(controlManager.createButton('xenforo_php',
                                    { title: 'xenforo.php', cmd: 'xenForoWrapBbCode', ui: false, value: 'PHP' }
                                    ,
                            tb.add(controlManager.createButton('xenforo_html',
                                    { title: 'xenforo.html', cmd: 'xenForoWrapBbCode', ui: false, value: 'HTML' }
                                    ,
                            tb.add(controlManager.createButton('xenforo_code',
                                    { title: 'xenforo.code', cmd: 'xenForoWrapBbCode', ui: false, value: 'CODE' }
                               ))
                            ))
                          ))));
    
                            if (typeof tags === 'undefined' || tags.length === 0 || tags === {})
                            {
                                    return;
                            }
                            tinymce.each(tags, function(tag, tagName) {
                                    tb.add(controlManager.createButton('xenforo_custom_bbcode_' + tag,
                                            {title : tag[0], image : tag[1], cmd : 'xenForoWrapBbCode', ui : false, value : tagName}
                                    ));
                            });
                    },
    

    después en apariencia->plantillas->editor_ui.css

    buscar:
    PHP:
    .xenForoSkin span.mce_xenforo_media {background-position:-320px -20px}
    sustituir por:
    PHP:
    .xenForoSkin span.mce_xenforo_media {background-position:-320px -20px}
    .
    xenForoSkin span.mce_xenforo_quote {background-position:-220px 0}
    .
    xenForoSkin span.mce_xenforo_html {background-position:-260px 0}
    .
    xenForoSkin span.mce_xenforo_php {backgroundurl('@imagePath/xenforo/editor/php.gif'no-repeat left centerpadding-left20px;}
    .
    xenForoSkin span.mce_xenforo_code {backgroundurl('@imagePath/xenforo/editor/code.gif'no-repeat left centerpadding-left20px;}
    articulo original

    subir archivo con imágenes adjunto, vía ftp
     

    Adjuntos:

    A 2 personas les gusta esto.
  2. lms

    lms Administrador

    Registrado:
    6 Oct 2010
    Mensajes:
    7.314
    Me Gusta recibidos:
    2.055
    Puntos:
    2.613
    Género:
    Masculino
    País:
    España
    Versión de XenForo:
    1.5.14
    PayPal:
    Donar dinero a este usuario
    Página web:
    Web
    Gracias por la info.

    Instalado aquí y funcionando perfecto.

    Salud2
     
  3. descaro

    descaro Activo

    Registrado:
    7 Oct 2010
    Mensajes:
    353
    Me Gusta recibidos:
    129
    Puntos:
    43
    Género:
    Masculino
    Ubicación:
    Espana
    si, ya lo había probado yo también en el foro de pruebas, de donde saqué la captura, el editor está pendiente de revisiones por parte de los desarrolladores de xenForo, ya que hay muchos partes de errores...

    poco a poco....;)
     
  4. x7iBiT

    x7iBiT Miembro

    Registrado:
    17 Ago 2011
    Mensajes:
    75
    Me Gusta recibidos:
    42
    Puntos:
    18
    Género:
    Masculino
    Muy interesante. ¿Alguna forma de adaptar con los BBCodes que añade el addon BBCode Manager?

    Esto frito por meter un botón con el spoiler como tenéis aquí pero no hay manera...
     
  5. lms

    lms Administrador

    Registrado:
    6 Oct 2010
    Mensajes:
    7.314
    Me Gusta recibidos:
    2.055
    Puntos:
    2.613
    Género:
    Masculino
    País:
    España
    Versión de XenForo:
    1.5.14
    PayPal:
    Donar dinero a este usuario
    Página web:
    Web
    El spoiler está en complemento en el foro de complementos. Búscalo.

    Aún no hay manera de meter directamente las imágenes en el BBCode Manager.

    Salud2
     
  6. x7iBiT

    x7iBiT Miembro

    Registrado:
    17 Ago 2011
    Mensajes:
    75
    Me Gusta recibidos:
    42
    Puntos:
    18
    Género:
    Masculino
    Y para añadirle el botón, tendría que añadir esto, ¿pero cambiando que exactamente?

    Insertar CODE, HTML o PHP:
    tb.add(controlManager.createButton('xenforo_quote',
                                    { title: 'xenforo.quote', cmd: 'xenForoWrapBbCode', ui: false, value: 'QUOTE' }
    Gracias ;)
     
  7. lms

    lms Administrador

    Registrado:
    6 Oct 2010
    Mensajes:
    7.314
    Me Gusta recibidos:
    2.055
    Puntos:
    2.613
    Género:
    Masculino
    País:
    España
    Versión de XenForo:
    1.5.14
    PayPal:
    Donar dinero a este usuario
    Página web:
    Web
    A 2 personas les gusta esto.
  8. x7iBiT

    x7iBiT Miembro

    Registrado:
    17 Ago 2011
    Mensajes:
    75
    Me Gusta recibidos:
    42
    Puntos:
    18
    Género:
    Masculino
    Muchas gracias!!
     
  9. Borechain

    Borechain Nuevo

    Registrado:
    19 May 2012
    Mensajes:
    29
    Me Gusta recibidos:
    8
    Puntos:
    3
    No tengo idea porque no se me ven los botones nuevos, creo que lo he puesto todo correctamente os muestro el código del editor_template.js y después la del css, Saludos y gracias.

    HTML:
                    addButtons : function (theme, tb)
                    {
                            var tags = theme.settings.xenforo_custom_bbcode_tags,
                                    controlManager = theme.editor.controlManager;
                                   
                            //tb.add(controlManager.createControl('|'));
     
                            tb.add(controlManager.createButton('xenforo_web',
                                    { title: 'xenforo.web', cmd: 'xenForoWrapBbCode', ui: false, value: 'WEB' }
                                    ,
                            tb.add(controlManager.createButton('xenforo_php',
                                    { title: 'xenforo.php', cmd: 'xenForoWrapBbCode', ui: false, value: 'PHP' }
                                    ,
                            tb.add(controlManager.createButton('xenforo_html',
                                    { title: 'xenforo.html', cmd: 'xenForoWrapBbCode', ui: false, value: 'HTML' }
                                    ,
                            tb.add(controlManager.createButton('xenforo_code',
                                    { title: 'xenforo.code', cmd: 'xenForoWrapBbCode', ui: false, value: 'CODE' }
                                    ,
                            tb.add(controlManager.createButton('xenforo_user',
                                    { title: 'xenforo.user', cmd: 'xenForoWrapBbCode', ui: false, value: 'USER' }
                                    ,
                            tb.add(controlManager.createButton('xenforo_spoiler',
                                    { title: 'xenforo.spoiler', cmd: 'xenForoWrapBbCode', ui: false, value: 'SPOILER' }
                                    ,
                            tb.add(controlManager.createButton('xenforo_quote',
                                    { title: 'xenforo.quote', cmd: 'xenForoWrapBbCode', ui: false, value: 'QUOTE' }
                  ))
                  ))
                  ))
                  ))
                  ))
                  ))));
             
                            if (typeof tags === 'undefined' || tags.length === 0 || tags === {})
                            {
                                    return;
                            }
                            tinymce.each(tags, function(tag, tagName) {
                                    tb.add(controlManager.createButton('xenforo_custom_bbcode_' + tag,
                                            {title : tag[0], image : tag[1], cmd : 'xenForoWrapBbCode', ui : false, value : tagName}
                                    ));
                            });
                    },



    HTML:
    .xenForoSkin span.mce_xenforo_media {background-position:-320px -20px}
    .xenForoSkin span.mce_xenforo_quote {background-position:-220px 0}
    .xenForoSkin span.mce_xenforo_html {background-position:-260px 0}
    .xenForoSkin span.mce_xenforo_php {background: url('@imagePath/xenforo/editor/php.png') no-repeat left center; padding-left: 20px;}
    .xenForoSkin span.mce_xenforo_code {background: url('@imagePath/xenforo/editor/code.png') no-repeat left center; padding-left: 20px;}
    .xenForoSkin span.mce_xenforo_spoiler {background: url('@imagePath/xenforo/editor/spoiler.png') no-repeat left center; padding-left: 20px;}
    .xenForoSkin span.mce_xenforo_web {background: url('@imagePath/xenforo/editor/web.png') no-repeat left center; padding-left: 20px;}
    .xenForoSkin span.mce_xenforo_user {background: url('@imagePath/xenforo/editor/user.png') no-repeat left center; padding-left: 20px;}
    {
        background: url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -164px 0px;
    }
     
  10. lms

    lms Administrador

    Registrado:
    6 Oct 2010
    Mensajes:
    7.314
    Me Gusta recibidos:
    2.055
    Puntos:
    2.613
    Género:
    Masculino
    País:
    España
    Versión de XenForo:
    1.5.14
    PayPal:
    Donar dinero a este usuario
    Página web:
    Web
    Salud2
     

Compartir esta página

Este sitio usa cookies, propias y de terceros.
Si se continúa con nosotros entendemos que se acepta el uso de cookies.