Cara Menambahkan Editor TinyMCE ke WordPress

Jika Anda ingin menambahkan editor TinyMCE ke WordPress, sebenarnya cukup mudah. Yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin TinyMCE Advanced . Setelah Anda selesai melakukannya, Anda akan menemukan item menu "TinyMCE" baru di bawah menu Pengaturan di area admin WordPress Anda. Mengkliknya akan membawa Anda ke halaman pengaturan plugin tempat Anda dapat mengonfigurasi cara kerja editor TinyMCE.

Versi 3.9 dari editor visual WordPress memberikan beberapa umpan balik yang baik. Saat wastafel dapur dihidupkan, hanya memiliki 14 tombol atau 26 jika tidak. Editor teks TinyMCE lengkap dapat ditampilkan dengan menambahkan kode berikut ke file functions.php Anda: Sekarang Anda dapat memilih baris ketiga tombol dari editor visual.

Gunakan plugin khusus dengan TinyMCE Salin file titik masuk (bersama dengan file lainnya) ke folder plugin kode TinyMCE yang didistribusikan dengan plugin. Plugin kemudian dapat digunakan dengan memasukkannya ke dalam daftar plugin yang ditentukan oleh opsi plugin.

Python atau Django dapat digunakan untuk menjalankannya. File setup.py adalah file shell. Di settings.py, salin dan tempel kode tinymce ke proyek Anda: INSTALLED_APPS = tinymce. “A tinymce,” [a tinymce] adalah kata lain untuk itu. Tinymce ditambahkan ke mereka.

Buat konten dan atur konten menggunakan metode getContent TinyMCE dan setContent. Jika Anda telah menginisialisasi editor ke myTextarea, Anda harus mengembalikan properti id="myTextarea". Kembalikan konten di editor yang telah ditandai sebagai HTML kepada pengguna.

Dengan mengklik tiga titik (Opsi) di sudut kanan atas layar, Anda dapat mengakses editor teks Gutenberg . Dengan mengklik tab Teks di bilah alat, Anda dapat mengakses editor teks WordPress Classic.

Apakah WordPress Menggunakan Tinymce?

WordPress menggunakan TinyMCE sebagai editor default . TinyMCE adalah editor WYSIWYG (What You See Is What You Get) yang memungkinkan pengguna membuat dan memformat konten dengan mudah. Ini banyak digunakan oleh pengembang web dan blogger.

Moxiecode Systems AB, sebuah perusahaan Swedia, menyediakan WordPress dengan editor HTML WYSIWYG open source TinyMCE. Anda juga dapat membuka sejumlah tombol dengan mengklik Bilah Alat Editor Lanjutan (baris 2 editor). Di WP versi 3.3.1, perintah sakelar yang benar untuk IE dan Firefox adalah Shift-Alt-Z; lihat juga plugin Filter Editor Teks Kaya API untuk informasi lebih lanjut. Sebuah tutorial rinci juga dapat ditemukan di WP Tuts. Saat menggunakan WordPress, editor TinyMCE WYSIWYG secara otomatis menambahkan tag paragraf (tag P) di sekitar jeda baris. Ada tiga cara dasar untuk menghapus tag P. Di /WP-include/class-WP-editor.php, Anda dapat mengakses pengaturan default.

Versi Tinymce Apa yang Digunakan WordPress?

Pada WordPress 5.0, editor visual TinyMCE ada di versi 4.9.4.

WordPress Tinymce Buat

Salah satu hal hebat tentang WordPress adalah memudahkan untuk memformat posting dan halaman Anda dengan editor TinyMCE bawaannya. Tapi tahukah Anda bahwa Anda juga dapat menggunakan TinyMCE untuk membuat tombol kustom Anda sendiri?
Membuat tombol khusus untuk TinyMCE adalah cara yang bagus untuk memperluas fungsionalitas situs WordPress Anda. Misalnya, Anda dapat membuat tombol yang menyisipkan kode pendek atau tag HTML khusus. Atau Anda dapat membuat tombol yang menyisipkan tautan ke file atau gambar.
Membuat tombol khusus untuk TinyMCE relatif mudah. Pertama, Anda perlu membuat plugin yang akan menambahkan tombol khusus ke editor TinyMCE. Kemudian, Anda perlu menambahkan beberapa kode ke plugin Anda yang akan memberi tahu TinyMCE apa yang harus dilakukan ketika tombol diklik.
Jika Anda bukan pengembang, Anda juga dapat menemukan plugin yang akan menambahkan tombol khusus ke TinyMCE. Plugin ini biasanya dilengkapi dengan antarmuka pengguna yang memudahkan untuk menambahkan dan mengonfigurasi tombol khusus.

TinyMCE dibangun untuk bekerja dengan berbagai plugin dan pengaturan khusus. TinyMCE tidak memerlukan struktur file atau perkakas khusus untuk dijalankan, selain persyaratan ini. Dalam kebanyakan kasus, Anda dapat membuat plugin khusus dengan bantuan kerangka kerja atau alat. Yeoman Generator dapat menghasilkan file dan kode boilerplate yang diperlukan untuk plugin khusus, serta beberapa perintah yang berguna. Penerjemah TinyMCE dapat ditemukan dalam banyak bahasa, termasuk Inggris, Prancis, Jerman, Italia, dan Spanyol. Jika Anda perlu menambahkan string ke bahasa yang didukung, gunakan prosedur berikut. Buat file terjemahan untuk setiap bahasa yang didukung oleh plugin. Tombol toolbar sederhana dan item menu dapat ditambahkan menggunakan plugin contoh ini.

Pengaturan Tinymce Editor Wp

Pengaturan tinymce editor wp memungkinkan Anda untuk mengubah pengaturan default untuk editor visual WordPress. Ini dapat berguna jika Anda ingin mengubah ukuran font, warna, atau aspek lain dari editor.

Kami akan menunjukkan cara membengkokkan editor WordPress TinyMCE dengan memecahnya menjadi beberapa bagian. Editor default untuk menyediakan dua baris tombol untuk membuat, mengedit, dan memformat konten posting. Satu atau lebih plugin yang ada dapat diperbarui untuk memberi kami berbagai fungsi lanjutan. API TinyMCE memungkinkan pengembang untuk memiliki kontrol penuh atas editor. Dengan menggunakan filter yang disediakan di bawah, kami dapat mengaktifkan hingga empat baris tombol. Elemen tunggal, yang dapat berupa elemen apa pun, menetapkan parameter item menu. Jika kita memerlukan pratinjau waktu nyata, kita harus membuat lembar gaya khusus.

Dalam banyak kasus, kita tidak perlu membuat tombol kustom karena TinyMCE memiliki banyak tombol tersembunyi yang dapat kita aktifkan dengan mudah. Filter dengan filter mce_buttons_*n* dapat digunakan untuk memfilter larik tombol. Jika tidak ada tombol-tombol ini yang sesuai dengan kebutuhan kita, editor mungkin menerima lebih banyak fungsionalitas berkat sejumlah plugin resmi. Kita sudah tahu cara membuat plugin dan menambahkan tombol di WordPress TinyMCE. Sekarang mari kita buat plugin berikut. Di /mce/prisma/, ada file bernama /mce/prisma/. Metode addButton menambahkan item menu untuk setiap elemen dari array item menggunakan tombol menu Prism. Anda akan melihat tombol menu tarik-turun segera setelah Anda menyimpan, mengunggah, dan menyegarkan.

Plugin TinyMCE Advanced WordPress menambahkan fungsionalitas lima belas plugin TinyMCE ke editor visual default. Sejumlah fitur lanjutan, seperti tabel dan opsi keluarga Font, tersedia dari halaman opsi plugin. Selain editor yang akan terpengaruh oleh pengaturan baru, pengguna dapat memilih opsi lain.