WordPress'e TinyMCE Editörü Nasıl Eklenir

WordPress'e bir TinyMCE editörü eklemek istiyorsanız, aslında oldukça kolaydır. Tek yapmanız gereken TinyMCE Advanced eklentisini kurmak ve etkinleştirmek. Bunu yaptıktan sonra, WordPress yönetici alanınızdaki Ayarlar menüsünün altında yeni bir “TinyMCE” menü öğesi bulacaksınız. Buna tıklamak sizi, TinyMCE editörünün nasıl çalıştığını yapılandırabileceğiniz eklentinin ayarlar sayfasına götürecektir.

WordPress görsel düzenleyicisinin 3.9 sürümü, bazı iyi geri bildirimler sağlar. Mutfak lavabosu açıldığında sadece 14 düğmesi vardır veya açık olmadığında 26 düğmesi vardır. Tam TinyMCE metin düzenleyicisi, function.php dosyanıza aşağıdaki kodu ekleyerek görüntülenebilir: Artık görsel düzenleyiciden üçüncü bir düğme satırı seçebilirsiniz.

TinyMCE ile özel eklentiler kullanın Giriş noktası dosyasını (diğer dosyalarla birlikte) eklentiyle birlikte dağıtılan TinyMCE kodunun eklentiler klasörüne kopyalayın. Eklenti daha sonra eklentiler seçeneği tarafından belirtilen eklenti listesine girilerek kullanılabilir.

Çalıştırmak için Python veya Django kullanılabilir. setup.py dosyası bir kabuk dosyasıdır. settings.py'de tinymce kodunu kopyalayıp projenize yapıştırın: INSTALLED_APPS = tinymce. “Bir tinymce” [a tinymce] bunun için başka bir kelimedir. Tinymce onlara eklenir.

TinyMCE getContent ve setContent yöntemlerini kullanarak içerik oluşturun ve içeriği ayarlayın. Düzenleyiciyi myTextarea olarak başlattıysanız, id=”myTextarea” özelliğini döndürmeniz gerekir. Düzenleyicide HTML olarak işaretlenmiş içeriği kullanıcıya döndürün.

Ekranın sağ üst köşesindeki üç noktaya (Seçenekler) tıklayarak Gutenberg metin düzenleyicisine erişebilirsiniz. Araç çubuğundaki Metin sekmesine tıklayarak WordPress Classic metin düzenleyicisine erişebilirsiniz.

WordPress Tinymce Kullanıyor mu?

WordPress, TinyMCE'yi varsayılan düzenleyicisi olarak kullanır. TinyMCE, kullanıcıların kolayca içerik oluşturmasına ve biçimlendirmesine olanak tanıyan bir WYSIWYG (Ne Görüyorsanız Onu Alırsınız) düzenleyicisidir. Web geliştiricileri ve blog yazarları tarafından yaygın olarak kullanılmaktadır.

İsveçli bir şirket olan Moxiecode Systems AB, WordPress'e açık kaynaklı HTML WYSIWYG editörü TinyMCE'yi sağlar. Gelişmiş Düzenleyici Araç Çubuğu'nu (düzenleyicinin 2. satırı) tıklatarak da bir dizi düğmenin kilidini açabilirsiniz. WP sürüm 3.3.1'de, IE ve Firefox için doğru geçiş komutu Shift-Alt-Z'dir; daha fazla bilgi için ayrıca API Zengin Metin Düzenleyici Filtreleri eklentisine bakın. WP Tuts'ta ayrıntılı bir eğitim de bulunabilir. WordPress kullanırken, TinyMCE WYSIWYG düzenleyicisi satır sonlarının etrafına otomatik olarak paragraf etiketleri (P etiketleri) ekler. P etiketlerini kaldırmanın üç temel yolu vardır. /WP-includes/class-WP-editor.php içinde, varsayılan ayarlara erişebilirsiniz.

WordPress Tinymce'nin Hangi Sürümünü Kullanıyor?

WordPress 5.0'dan itibaren TinyMCE görsel düzenleyicisi 4.9.4 sürümündedir.

WordPress Tinymce Oluşturma

WordPress ile ilgili harika şeylerden biri, yerleşik TinyMCE düzenleyicisi ile yazılarınızı ve sayfalarınızı biçimlendirmeyi kolaylaştırmasıdır. Ancak TinyMCE'yi kendi özel düğmelerinizi oluşturmak için de kullanabileceğinizi biliyor muydunuz?
TinyMCE için özel düğmeler oluşturmak, WordPress sitenizin işlevselliğini genişletmenin harika bir yoludur. Örneğin, özel bir kısa kod veya HTML etiketi ekleyen bir düğme oluşturabilirsiniz. Veya bir dosyaya veya görüntüye bağlantı ekleyen bir düğme oluşturabilirsiniz.
TinyMCE için özel düğmeler oluşturmak nispeten kolaydır. İlk olarak, TinyMCE düzenleyicisine özel düğmeler ekleyecek bir eklenti oluşturmanız gerekir. Ardından, eklentinize, TinyMCE'ye düğmeye tıklandığında ne yapacağını söyleyen bir kod eklemeniz gerekir.
Geliştirici değilseniz, TinyMCE'ye özel düğmeler ekleyecek eklentiler de bulabilirsiniz. Bu eklentiler tipik olarak özel düğmeleri eklemeyi ve yapılandırmayı kolaylaştıran bir kullanıcı arayüzü ile birlikte gelir.

TinyMCE, çok çeşitli eklentiler ve özel ayarlarla çalışmak üzere tasarlanmıştır. TinyMCE, bu gereksinimlere ek olarak, çalıştırmak için herhangi bir özel dosya yapısı veya araç gerektirmez. Çoğu durumda, bir çerçeve veya araç yardımıyla özel eklentiler oluşturabilirsiniz. Yeoman Generator, özel bir eklenti için gerekli dosyaları ve ortak kod kodunu ve birkaç faydalı komutu oluşturabilir. TinyMCE çevirmenleri İngilizce, Fransızca, Almanca, İtalyanca ve İspanyolca dahil olmak üzere birçok dilde bulunabilir. Desteklenen bir dile dize eklemeniz gerekiyorsa, lütfen aşağıdaki prosedürü kullanın. Eklenti tarafından desteklenen her dil için bir çeviri dosyası oluşturun. Bu örnek eklenti kullanılarak basit bir araç çubuğu düğmesi ve menü öğesi eklenebilir.

Wp Düzenleyici Tinymce Ayarları

wp editörü tinymce ayarları , WordPress görsel editörü için varsayılan ayarları değiştirmenize izin verir. Yazı tipi boyutunu, renklerini veya düzenleyicinin diğer özelliklerini değiştirmek istiyorsanız bu yararlı olabilir.

WordPress TinyMCE düzenleyicisini çeşitli parçalara bölerek nasıl bükeceğinizi göstereceğiz. Düzenleyici, gönderi içeriği oluşturmak, düzenlemek ve biçimlendirmek için varsayılan olarak iki sıra düğme sağlar. Mevcut eklentilerden biri veya daha fazlası, bize çeşitli gelişmiş işlevler sağlamak için güncellenebilir. TinyMCE API , geliştiricilerin düzenleyici üzerinde tam kontrol sahibi olmalarını sağlar. Aşağıda sağlanan filtreleri kullanarak, dört sıraya kadar düğmenin etkinleştirilmesine izin verebiliriz. Herhangi bir öğe olabilen tek bir öğe, bir menü öğesinin parametrelerini ayarlar. Gerçek zamanlı bir önizlemeye ihtiyacımız varsa, özel bir stil sayfası oluşturmamız gerekecek.

Çoğu durumda, TinyMCE'de kolayca etkinleştirebileceğimiz çok sayıda gizli düğme bulunduğundan özel bir düğme oluşturmamız gerekmez. Düğme dizisini filtrelemek için mce_buttons_*n* filtresine sahip bir filtre kullanılabilir. Bu düğmelerin hiçbiri bizim ihtiyaçlarımıza uygun değilse, düzenleyici bir dizi resmi eklenti sayesinde daha fazla işlevsellik alabilir. WordPress TinyMCE'de bir eklentinin nasıl oluşturulacağını ve bir düğme ekleneceğini zaten biliyoruz. Şimdi aşağıdaki eklentiyi oluşturalım. /mce/prism/ içinde, /mce/prism/ adında bir dosya var. addButton yöntemi, Prism menü düğmesini kullanarak öğeler dizisinin öğelerinin her biri için bir menü öğesi ekler. Kaydettiğiniz, yüklediğiniz ve yenilediğiniz anda açılır menü düğmesini göreceksiniz.

TinyMCE Advanced WordPress eklentisi , varsayılan görsel düzenleyiciye on beş TinyMCE eklentisinin işlevselliğini ekler. Tablo ve Yazı tipi ailesi seçenekleri gibi bir dizi gelişmiş özellik, eklenti seçenekleri sayfasında mevcuttur. Yeni ayarlardan etkilenecek düzenleyiciye ek olarak, kullanıcılar diğer seçenekleri de seçebilirler.