Come posso aggiungere un nuovo pulsante nell'editor WMD, come il pulsante code
? Se faccio clic sul pulsante <info></info>
il tag aggiungerà il testo selezionato come il pulsante codice.Aggiunta di un pulsante personalizzato all'editor WMD (Stack Overflow)
11
A
risposta
3
Esiste una versione più recente del repository denominata wmd-new. Come descritto sul blog StackOverflow questa versione uses CSS sprites per prestazioni migliori. Quindi la barra degli strumenti è un singolo grafico:
C'è un PSD (Photoshop) file per la barra degli strumenti nel repository che è possibile modificare. Fondamentalmente è necessario aggiungere un nuovo pulsante ai file wmd.css e wmd.js. Guardatevi intorno linea 93 nel CSS e vedrete:
/* 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 come lo stile originale del wmd-button-bar
e il come left
viene utilizzato in precedenza.
Problemi correlati
- 1. Come combinare WMD e prettify, come Stack Overflow?
- 2. Aggiunta di pulsanti personalizzati all'editor WMD
- 3. Errore di "stack overflow"
- 4. Editor WMD sterilizzante
- 5. Aggiunta di un ovvio (personalizzato) pulsante a UIActivityViewController
- 6. Haskell - overflow stack C
- 7. C++ overflow dello stack
- 8. L'overloading dell'operatore provoca un overflow dello stack
- 9. Stack overflow alla riga 0
- 10. Stack Overflow Algoritmo domande correlate
- 11. Stack Overflow Tag domanda Textbox
- 12. errore di overflow stack protezione freading
- 13. AppDomain.FirstChanceException e eccezione di overflow dello stack
- 14. Eccezione di overflow dello stack: perché?
- 15. stack eccezione di overflow in C# setter
- 16. stack eccezione di overflow nel programma stupido
- 17. Debug Stack errore di overflow in IE8
- 18. personalizzato ActionBar disposizione con menu di overflow
- 19. Perché l'implementazione JDK di quicksort rischia un overflow dello stack?
- 20. Debug di un overflow dello stack in Rust
- 21. Puoi dare un esempio di overflow dello stack in C++?
- 22. Messaggio di intestazione proprio come a Stack Overflow
- 23. Aggiunta di un discorso a UIMenuController personalizzato
- 24. Aggiunta di un pulsante a MediaController
- 25. Overflow dello stack causato dalla funzione ricorsiva
- 26. Come intercettare lo stack overflow con pthread?
- 27. Stack overflow dalla chiamata ricorsiva in Lisp
- 28. Come implementare la ricerca come Stack Overflow
- 29. r - viterbi RHmm Errore protezione stack overflow
- 30. Java Pattern causa overflow dello stack