code
editöründe code
düğmesi gibi yeni bir düğme nasıl ekleyebilirim? Düğmeye tıklarsam <info></info>
etiketi, kod gibi seçilen metne eklenir.WMD'ye (Stack Overflow) düzenleyici için özel bir düğme ekleme
11
A
cevap
3
wmd-new denilen depo daha yeni bir sürümü var. Daha iyi performans için StackOverflow blogunda bu sürüm uses CSS sprites açıklandığı gibi. Yani araç çubuğu tek sansürlenmemişse:
PSD (Photoshop) düzenleyebileceğiniz depoda araç çubuğu için dosya yoktur. Temel olarak wmd.css ve wmd.js dosyalarına yeni bir düğme eklemeniz gerekir. CSS'deki hattı 93 etrafına bak ve göreceksiniz:
/* 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;}
Not nasıl orijinal wmd-button-bar
stil ve left
yukarıda nasıl kullanıldığını.
İlgili konular
- 1. Görsel stüdyo editör listesine özel bir düzenleyici ekleme
- 2. Vaadin'de bir ızgarada düğme ekleme
- 3. Listactivity'e düğme ekleme
- 4. Çerçeveye düğme ekleme
- 5. HTML/CSS kesmek için overflow-x: auto & overflow-y: görünür?
- 6. Eclipse IDE'ye yeni bir düğme ekleme IDE
- 7. Özel bir web sitesi için arama ekleme
- 8. Görev için özel nitelikler ekleme?
- 9. Twitter önyükleme için bir aşağı açılır düğme ekleme Önyükleyici bileşeni
- 10. ionic - Giriş alanı içinde bir düğme ekleme
- 11. Özel açılır pencere düzenleyici - Kendo UI ızgarası
- 12. WordPress özel kısa kod düzenleyici [BackboneJS & TinyMCE]
- 13. UItable Cell Overflow ios
- 14. Android: Bir durum çubuğu bildiriminde bir düğme ekleme
- 15. JavaFX tablo görünümünde düğme ekleme
- 16. "(gl -stack)" ve "gl -stack" arasındaki fark
- 17. Özel düğme için nasıl görüntü simgesi ekleyebilirim?
- 18. İki özel düğme oluşturma
- 19. Android: özel düğme şekli
- 20. Dengesiz Stack!
- 21. iOS için zengin bir metin düzenleyici kütüphanesi
- 22. Salt-Stack,
- 23. İşlem çubuğunun sağ üst köşesine bir düğme ekleme
- 24. Xcode 6'daki film şeridine kenarlıklı bir düğme ekleme
- 25. Xamarin.Forms uygulaması için eylem çubuğundaki düğme?
- 26. text-overflow: bağlantıda elips
- 27. SWT ile özel bir düğme oluşturun
- 28. Yönetici listesine özel bir düğme nasıl ekleyebilirim?
- 29. Dinamik olarak bir iletişim kutusuna bir düğme ekleme
- 30. Bağlantı eklemek için kayan dosya ekleme düğmesi Düğme