¿Cómo puedo agregar un nuevo botón en el editor WMD, como el botón code? Si hago clic en el botón <info></info>, la etiqueta se agregará al texto seleccionado como el botón de código.Agregar un botón personalizado al editor WMD (Desbordamiento de pila)
Hay una versión más reciente del repositorio llamado wmd-new. Como se describe en el blog de StackOverflow esta versión uses CSS sprites para un mejor rendimiento. Por lo que la barra de herramientas es un solo gráfico:
No es un PSD (Photoshop) archivo de la barra de herramientas en el repositorio que se puede editar. Básicamente, debe agregar un nuevo botón a los archivos wmd.css y wmd.js. Mire alrededor de la línea 93 en el CSS y verá:
/* sprite button slicing style information */
#wmd-button-bar #wmd-bold-button {left: 0px; background-position: 0px 0;}
#wmd-button-bar #wmd-italic-button {left: 25px; background-position: -20px 0;}
#wmd-button-bar #wmd-spacer1 {left: 50px;}
#wmd-button-bar #wmd-link-button {left: 75px; background-position: -40px 0;}
#wmd-button-bar #wmd-quote-button {left: 100px; background-position: -60px 0;}
#wmd-button-bar #wmd-code-button {left: 125px; background-position: -80px 0;}
#wmd-button-bar #wmd-image-button {left: 150px; background-position: -100px 0;}
#wmd-button-bar #wmd-spacer2 {left: 175px;}
#wmd-button-bar #wmd-olist-button {left: 200px; background-position: -120px 0;}
#wmd-button-bar #wmd-ulist-button {left: 225px; background-position: -140px 0;}
#wmd-button-bar #wmd-heading-button {left: 250px; background-position: -160px 0;}
#wmd-button-bar #wmd-hr-button {left: 275px; background-position: -180px 0;}
#wmd-button-bar #wmd-spacer3 {left: 300px;}
#wmd-button-bar #wmd-undo-button {left: 325px; background-position: -200px 0;}
#wmd-button-bar #wmd-redo-button {left: 350px; background-position: -220px 0;}
#wmd-button-bar #wmd-help-button {right: 0px; background-position: -240px 0;}
Nota cómo el estilo original de wmd-button-bar y el cómo left está siendo utilizado anteriormente.