Web Sitesinde Code Paylaşma. Html Kod Yayınlama. Code Eklentisi.
Bir makale yazarken <html></html> tarzında kodları yayınlamak istediğinizde türlü türlü sorunlarla karşılarışsınız. Kısa kodlarda pek sıkıntı çıkmaz kolay bir şekilde yayınlayabilirsiniz ama sürekli makale yazacak olursanız o zaman başınız ağrır.
Kullanılabilir Sistemler:
- To Html : Online olarak çalışan bir sistem. Siteye yazdığınız kodun html versiyoununu üretiyor.
- Code Pen : Üyelik oluşturup kodlarınız saklayabileceğiniz bir sistem.
- Snipt.Org : Link kısaltma servisi tarzında bir sistem. Kodlarınızı online olarak saklıyor.
- Chop : Link kısaltma servisi tarzında bir sistem. Kodlarınızı online olarak saklıyor.
- Syntax Highlighter : Hazır bir sistem. Dosya indirip web sayfanıza eklemeniz gerekiyor.
- Syntax Highlighter WordPress Eklentisi : WordPress üzerinden kurabileceğiniz hazır bir eklenti.
- Carayon Syntax Highlighter WordPress Eklentisi : WordPress üzerinden kurabileceğiniz hazır bir eklenti.
Eklentiler haricindeki uygulamaları wordpress ile birlikte kullanmaya çalıştığınızda şöyle bir hatayla karşılaşacaksınız. Bildiğiniz gibi WordPress yazı düzenleyicisi içinde bulunan Görsel / Metin sekmeleriyle kod ve görünüm arasında geçiş yapıyorsunuz. Bu sistemleri kullanırken bu butonlara bastığınızda wordpressin kodları uçurduğunu göreceksiniz.
Sonra wordpress ile aranızda bir müsabaka başlayacak 🙂 Kim kazanır dersiniz. Tabii ki wordpress 🙂
Bu hatanın çözümü ise şu şekilde tanımlanmış ama henüz bulamadım:
TinyMce’nin bir hatası olarak görülen hatanın çözümü TinyMce üzerinde bir değişiklik yapmaktır.
Şu adresteki editörü bulun:
wp-admin > Appearance > Editor
Şu kodları oraya ekleyin:
function mytheme_tinymce_config( $init ) {
$valid_iframe = 'iframe[id|class|title|style|align|frameborder|height|longdesc|marginheight|marginwidth|name|scrolling|src|width]';
if ( isset( $init['extended_valid_elements'] ) ) {
$init['extended_valid_elements'] .= ',' . $valid_iframe;
} else {
$init['extended_valid_elements'] = $valid_iframe;
}
return $init;
}
add_filter('tiny_mce_before_init', 'mytheme_tinymce_config');
Ayrıca bakınız: