entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

0voto

¿Cómo insertar un nuevo botón en cuadro de comentarios?

Hola, esta es mi duda:

En una página web puedo comentar con negrita sin embargo el botón para activar negrita no está:
enter image description here

Lo que me gustaría hacer es crear un botón "B" en el cuadro de comentarios de esa página web:
enter image description here

Y que al darle clic me salga esto en el cuadro de texto:
enter image description here

Uhm no sé si les sirva pero aquí les dejo el código de dicha página:

<div clss="markItUpHeader">
<ul>
<li class="markItUpButton markItUpButton1 mark-youtube">
<a href="" title="Insertar video (Ctrl+Y)">Insertar video (Ctrl+Y)</a>
</li>
<li class="markItUpButton markItUpButton2 mark-image">
<a href="" title="Agregar Imagen">Agregar Imagen</a>
</li>
<li class="markItUpButtonmarkItUpButton3 mark-emoji">
<a href="" title="Insertar Emoticon">Insertar Emoticon</a>
</li>
</ul>
</div>

O si lo prefieren pueden ver una captura:
enter image description here

El código es solo de los 3 Botones (Video, Imagen Emoticon), no quiero hacer un hackeo ni nada por el estilo, es simplemente para que se vea en mi navegador y me sea más cómodo usar dicha web.

Gracias.

0voto

carlossevi comentado

Como bien dices, en el código sólo pones los 3 botones de vídeo, imagen y emoticono, supongo que el resto son generados dinámicamente por algún plugin que tenga la misma página o están en otra parte del código que no has puesto. ¿Puedes aclararlo?

De todas formas, ¿Cómo vas a hacer que esa modificación se te muestre al usar dicha web? ¿Vas a utilizar algún plugin del navegador?

0voto

Jade comentado

Eso es lo que quiero saber, por decirlo así, modifico el cuadro de comentarios con inspeccionar elemento y logro crear un botón más que vendría a ser el de negrita pero al recargar la página eso se pierde y lo que yo quiero hacer es guardar esop permanentemente (solo en mi pc).,

0voto

Jade comentado

Me explicaré de otra forma, en esta imagen vemos solo tres botones, Video, Imagen, Emoticon, al darles click nos aparece un cuadro adicional en que debemos poner el link y en el cuadro de texto nos saldrá el link + el código:

Video= [video]link[/video]
Imagen= [img=link]
enter image description here

Ahora lo que yo quiero hacer es agregar un nuevo botón a ese cuadro pero no sé qué código poner (este es solo un ejemplo):

enter image description here
enter image description here

Y otra cosa es que cuando recargo la página eso se pierde, lo que yo quiero es que sea permanente pero solo en mi PC.

No quiero el cuadro adicional, quiero simplemente que al darle click me salga automáticamente este código en el cuadro de texto [b][/b]:
enter image description here

Sorry si no se me entiende pero no sé mucho de programación.
PD: La página web no es mía.

Gracias.

0voto

Peter comentado

Todo tu comentario esta mal, por favor edítalo con imágenes que se puedan ver.

Saludos.

0voto

Jade comentado

No se puede ver las imagenes? pero yo si puedo verlos.

3 Respuestas

0voto

Andhii1293 Puntos2930

La parte del código que tu pusiste son solo link sin referencias, para hacer lo que deseas seria usando Javascript que es una opción, pero necesitas el código de la pagina completa para modificar la estructura tanto en HTML de los botones, como el diseño CSS y la funcionalidad...

por cierto veo una "B", ¿No has revisado si es el botón de negritas?

0voto

Jade comentado

Esa B es lo que yo puse jajaja mi idea es crear ese botón y guardarlo permanentemente en mi navegador.

0voto

carlossevi Puntos63580

Échale un vistazo al complemento Greasemonkey para Firefox, que hace precisamente lo que buscas.

Permite que en determinadas páginas se ejecuten scripts de JS almacenados en tu equipo, mediante los cuales puedes modificar el HTML que quieres cambiar.

0voto

carlossevi comentado

Siento el off topic @Peter pero seguramente estamos ante un problema de anti-hotlinking. Es posible que @curiosport sí que las vea en el caso de que su navegador las tenga cacheadas por haberlas visitado desde otro dominio.

0voto

Jade comentado

@Peter en ese caso mejor te dejo los link's a las imagenes:
Captura 1
Captura 2

0voto

Peter comentado

Si @carlossevi es un problema o de hotlinking o que solo @curiosport tiene permisos para ver las imágenes. Lo mismo pasa en sus otras preguntas y seguramente lo solucione.

Saludos.

0voto

Jade comentado

Los link tampoco se ven?

0voto

Jade comentado

@carlossevi
@Peter

Coloqué solo link's, fíjensen en mi anterior respuesta que la edité.

-1voto

Jade Puntos800

Si estás como comentario no puedo escogerte como mejor respuesta @white
Lo voy a dejar así porque eres el único que supo ayudarme.

0voto

Jade comentado

Hola de nuevo @white ehm te cuento que el código que me diste antes no funcionaban en ciertos link's y me tocó crear otro script, lo hice y cuando lo ejecuto desde la consola el script funciona bien (tanto en firefox como en chrome).

Pero cuando lo guardo en el Greasemonkey de firefox el script no se ejecuta correctamente, lo cual es muy raro porque en el Tampermonkey de chrome si funciona.

Este es el error que me tira:
Cap1

Además de que el icono de emoticons no funciona.

Este es el script que usé:

settingsComment.markupSet.unshift
({name:lang['Negrita'], beforeInsert: markButtons.bold, action: 'bold', key: 'B', openWith: '[b]', closeWith: '[/b]', className: "mark-bold"},
{name:lang['Cursiva'], beforeInsert: markButtons.italic, action: 'italic', key: 'I', openWith: '[i]', closeWith: '[/i]', className: "mark-italic"})
var clone = $('#nbody_fastreply').clone();
$('#nbody_fastreply')
    .parents('.nmarkitfastreply')
    .replaceWith(clone);
$('#nbody_fastreply').markItUp(settingsComment)
    .removeClass('emoji-loaded')
    .emoticons();

Gracias.

0voto

Jade comentado

Los link's en cuestión son dos pero te dejaré solo con uno:
http://www.taringa.net/mensajes/redactar

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta