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:

  1. To Html : Online olarak çalışan bir sistem. Siteye yazdığınız kodun html versiyoununu üretiyor.
  2. Code Pen : Üyelik oluşturup kodlarınız saklayabileceğiniz bir sistem.
  3. Snipt.Org : Link kısaltma servisi tarzında bir sistem. Kodlarınızı online olarak saklıyor.
  4. Chop : Link kısaltma servisi tarzında bir sistem. Kodlarınızı online olarak saklıyor.
  5. Syntax Highlighter : Hazır bir sistem. Dosya indirip web sayfanıza eklemeniz gerekiyor.
  6. Syntax Highlighter WordPress Eklentisi : WordPress üzerinden kurabileceğiniz hazır bir eklenti.
  7. 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:

  1. WordPress Iframe Eklentisi
  2. WordPress Code Eklentisi Açıklaması
  3. TinyMce Advanced
  4. WordPress Altering Embed Code