WordPress’in kendi TinyMCE editörünü bir <textarea> alanında kullanmak istiyorsan, bu işlem genellikle WordPress admin paneli dışında (örneğin özel bir sayfa şablonunda veya eklentide) yapılmak istendiğinde geçerlidir. WordPress, TinyMCE’yi wp_editor() fonksiyonu ile entegre eder.

🧩 wp_editor() ile WordPress TinyMCE’yi <textarea> gibi kullanmak

✅ Örnek Kod:

<?php
$content = ''; // Varsayılan içerik
$editor_id = 'my_custom_editor'; // textarea ID gibi davranır

$settings = array(
  'textarea_name' => 'my_custom_editor',
  'media_buttons' => true,
  'teeny' => false,
  'quicktags' => true,
  'tinymce' => array(
    'toolbar1' => 'bold italic underline | bullist numlist | link unlink',
    'toolbar2' => '',
  )
);

wp_editor($content, $editor_id, $settings);
?>

📌 Açıklamalar:

• textarea_name: Form gönderiminde kullanılacak name değeri.
• media_buttons: Medya ekleme butonunu gösterir.
• teeny: Daha sade bir TinyMCE arayüzü ister misin?
• quicktags: HTML modunda butonlar (örneğin <b>, <i>) aktif olsun mu?
• tinymce: Toolbar özelleştirmesi.

📍 Nerede Kullanılır?

• Özel admin sayfalarında
• Eklenti ayar panellerinde
• Tema içi özel içerik alanlarında

🧪 Örnek Kullanım Senaryosu

Bir formda kullanıcıdan zengin metin girişi almak istiyorsan:

<form method="post">
  <?php wp_editor('', 'my_editor_id', array('textarea_name' => 'my_editor_content')); ?>
  <input type="submit" value="Gönder">
</form>

WordPress’te kendi TinyMCE özelliğini (örneğin özel bir buton veya işlev) eklemek istiyorsan, aşağıdaki adımlarla başlayabilirsin. Bu işlem, WordPress’in görsel editörüne özel bir buton veya komut eklemene olanak tanır.

🛠️ WordPress TinyMCE Özelliği Ekleme Adımları

1. JavaScript Buton Tanımı

Önce TinyMCE için bir JavaScript dosyası oluşturmalısın. Örnek:

tinymce.PluginManager.add('my_button', function(editor, url) {
  editor.addButton('my_button', {
    text: 'Özel Buton',
    icon: false,
    onclick: function() {
      editor.insertContent('<strong>Merhaba Dünya!</strong>');
    }
  });
});

2. WordPress’e Butonu Tanıt

WordPress’e bu butonu tanıtmak için functions.php dosyana aşağıdaki kodu ekle:

function my_tinymce_plugin($plugins) {
  $plugins['my_button'] = get_template_directory_uri() . '/js/my-tinymce-plugin.js';
  return $plugins;
}

function register_my_button($buttons) {
  array_push($buttons, 'my_button');
  return $buttons;
}

function add_my_tinymce_button() {
  if (current_user_can('edit_posts') && current_user_can('edit_pages')) {
    add_filter('mce_external_plugins', 'my_tinymce_plugin');
    add_filter('mce_buttons', 'register_my_button');
  }
}
add_action('admin_init', 'add_my_tinymce_button');

🔸 my-tinymce-plugin.js dosyasını tema klasörüne (/js/) koymayı unutma.

🎯 Alternatif: Advanced Editor Tools (TinyMCE Advanced)

Kod yazmadan TinyMCE’yi özelleştirmek istersen, Advanced Editor Tools eklentisini kullanabilirsin. Bu eklenti:

• Butonları sürükle-bırak ile düzenlemeni sağlar.
• Tablo, font, liste gibi gelişmiş seçenekler ekler.

📚 Kaynaklar

• WPBeginner TinyMCE Eklentisi Oluşturma Rehberi
• TinyMCE WordPress Entegrasyonu
• Hongkiat TinyMCE Özelleştirme

tvsdebate

Breadcrumb NavXT  

Classic Editor

Customizer Search

Plugins List finder 

nanotherea

Essential Addons for Elementor

ElementsKit Lite

XML Sitemap Generator for Google

Team Members

Disable Comments – Remove Comments & Stop Spam [Multi-Site Support]

ArmadaPaint