CODEMIRROR ve Kodlama Sandbox, WordPress 4.9’da tanıtıldı

WordPress 4.9’da tanıtılan tüm güncellemelerden, çekirdeğe entegre olan Codemirror kütüphanesi en kapsamlı sonuçlara sahip olabilir. Her şeyden önce, bu, WordPress gösterge panosunun içindeki kod snippet’i için hata ruloları, sözdizimi programlama ve bağlamsal öneriler sağlamak için düzenleyici ile entegre edilmiş bir JavaScript kitaplığıdır. Temel olarak, bu, kodlayıcıların (ve kodlayıcıların!) Web sitelerini bozmadan ve filtrelemeden WordPress’e bakmasını ve incelemesini çok daha güvenli hale getirir. (Burada değişiklikler hakkında harika bir rehberimiz var.)
Ancak daha da önemlisi, eklenti geliştiricilerinin ve temaların bunu kullanabilmesi için CODEMIRROR Kütüphanesi ve WordPress API ile yeni bir entegrasyondur. En iyisi, bu internet genelinde kullanılan kanıtlanmış bir kütüphanedir. Bitbucket ve Github’dan Firefox ve Chrome geliştiricilerine. Bu yarı bir çözüm değil. Çekirdek katkıda bulunanlar en iyi kütüphaneyi bulur. Ardından WordPress’in ihtiyaç duyduğu kancaları kullanmak için yapın. Tam tersi değil. WP 4.9 ve CODEMIRROR Bugün, eklentileriniz ve temalarınızda editörlerle çalışmanın iki yolu vardır. Bu iki işlevden birini kullanabilirsiniz.
wp_enqueue_code_ditor ()
wp_enqueue_dedor ()
Birbirinize çok benzer çalışır ve Codex’teki farklılıkları okuyabilirsiniz. Temel olarak, özel kod-editor.js komut dosyasını çağırarak standart metin girişinden yeni özel kod düzenleyicisine dönüştürmek için alanı etkinleştirmek için CODEMIRROR argümanına devam edebilirsiniz. Codex belgeleri şöyledir: Örneğin, CSS’yi düzenlerseniz, lirding’i etkinleştirir ve HTML’yi düzenleme otomatik etiket kapanışını etkinleştirirse ve yalnızca CSS ve HTML için değildir. Hayır hayır hayır. Dosya düzenleyicisi artık aynı sözdizimini destekleyen codemirror, otomatik bütünlük ve hata kontrollerini de görüntüler. Düzenlenebilen editörlerde izin verilen dosya uzantıları, codemirror formatlarını içerecek şekilde genişletilmiştir: conf, css, diff, yama, html, htm, http, js, jso, jsx, daha az, md, php, php3 , PHP4, PHP5, PHP7, PHPS, SCSS, SASS, SH, BASH, SQL, SVG, XML, YML, YAML, TXT. Geliştiriciler ve yazarlar nihayet kullanıcılara sunabilecekleri kontrol türlerini genişletebilir. Bu, yeni editörlerin ve ayarlamaların sahip olduğu aynı kontrol türüdür. Daha derin kazın, kazma daha güvenli bir değişikliktir, bu gerçekten düzgün bir değişikliktir, editörün artık dosya sistemine daha derin girebilmesidir. Codemirror’un koruması ile, iki dizinin eski sınırından geçti. Bu, birçok (çoğunlukla?) WP kullanıcısı için fazla bir şey ifade etmez. Ancak bu, geliştiriciler tarafından kullanılabilecek özgürlüktir.
Codemirror, WordPress kontrol panelindeki tüm kodlama ortamına açılır. Artık site dosya sistemine daha derine inebilirsiniz. Ancak, bunu yaparak birçok tehlike açar. Kullanıcılar yalnızca CSS ve HTML dosyalarını (Linter’den korunan sınırlar dahilinde) düzenleyemeyecek, aynı zamanda tüm kurulumların ipek gibi sorunsuz çalışmasını sağlayan daha pürüzsüz bir PHP dosyasına erişebilecekler. Ve hepimiz biliyoruz ki, istediğimiz son şey, kodlayıcı olmayanların birkaç php’den Kerfluffle’ı yapmasıdır. Geliştirici Sandbox’a giren sandbox’a giren varsayılan düzenleyici kullanılırken PHP dosyasının kaydedilme şeklini değiştirmiştir. Temel olarak, PHP dosyasını şimdi açtığınızda elde ettiğiniz şey budur:
Bir PHP dosyası açarken, dosyadan ayrılmış yeni bir örnek düzenlersiniz. İçerik, çerezler kullanılarak değişkenlerde saklanır.

Dosyayı ölümcül bir hata olacak ve editörün erişilemeyeceği şekilde değiştirdiyseniz, değişiklikler iptal edilecek ve düzenlemek istediğiniz orijinal PHP dosyası hala değişmez.
Şu anda ölümcül hata yoksa, ölümcül bir PHP hatası nedeniyle web sitesinin kendisine erişilemeyeceğini görmek için başka sınavlar yapılacaktır. Bir kez daha, bir hata varsa, orijinal dosya döndürülür ve size neler olduğunu ve neden olduğunu söyleyen hata mesajı görünür.
Son olarak, sitenin yönetici veya ön uçta çalışmasını engelleyen herhangi bir hata yoksa, değişikliğiniz derhal yayınlanacaktır.
Ve son başarısızlık olarak, editör kötü bir Mojo Php görüyor. PHP’yi tamamlanamayan döngüde korumak için yeterli varsa, yeni kod düzenleyicisi onu durduracak ve kullanıcıya bu değişiklikleri FTP aracılığıyla yapmalarının daha iyi olabileceğine dair bir mesaj gönderecek kadar akıllıdır. Biz de dürüstüz. Gösterge tablosunda bu tür hatalar olmadan PHP dosyalarında değişiklik yapamazlarsa, manuel bir FTP güncellemesi yapmazlar. Bir tane daha, WordPress’ten tamamen ayrılan güvenlik özellikleri 4.9’a dahil edilmiştir. Çevrimiçi kodlama kurslarının popülaritesinin ve bootcamp’in bu dahil edilmesini Elening eklentisi için mükemmel hale getiren olasılıkları düşünün. Gutenberg, Calypso ve Divi gibi eklentiler ve temalar için kullanılan mevcut React kütüphanesi ile Fikirler stilini düzenlemek burada. (Bu arada, Codepen bunun için Codemirror kullanıyor.)
Doğrudan WordPress çekirdeğine bağlı olarak, küçük ayarların ve ayarlamaların çok daha güvenli olmasına izin verdiği anlamına gelir. Örneğin, artık kullanıcılara eklentinizde CSS kontrollerine ve daha doğrudan tasarıma erişim sağlayabilirsiniz. Ve bunu gerçekten bir şeye zarar vereceğinden korkmadan yapabilirsiniz. Ayarı, sadece kontrol eden sınıfı ve kimliği belgelemek yerine eklentinin kendisine entegre edebilerek, ürün için destek ve daha iyi UX sağlayabilirsiniz. Buna rağmen, kullanıcıların kullanıcı arayüzünüzü ayarlayabileceği ortamı kontrol edebilir ve bu nedenle sitelerinde yaptıkları değişikliklerden (teorik olarak) etkilenebilecek başka bir şey olmaması için en iyi deneyimi sunabilirsiniz.
Teknik olarak bu tür bir seçenek 4.9’dan önce tamamen mümkün olsa da, bunun pek çok nedeni yoktur.Biraz koruma var.Ancak şimdi, yerleşik fikirlerle (ish), çok fazla kontrol elde edersiniz (ve sunabilir), gökyüzü onun sınırıdır.Eğlenin, kiddos!Codemirror’un entegrasyonu ile oynadığımız kum kutuları ve 4.9’un getirdiği olasılık ve potansiyel arasında, WordPress tarihinde geliştiricilerin ve kullanıcıların kodun derinliklerine dalması için daha iyi bir zaman olmamıştır.Her şeyin gerçekten nasıl çalıştığını öğrenmenin zamanı geldi. Yine, olabilecek en kötü şey nedir?CODEMIRROR’u kendi eklentinize ve temanıza entegre etme planlarınız nelerdir?Yorumlarda konuşalım!Sarawut St / Shutterstock.com tarafından makalenin üstün görüntüsü