Dengan penggunaan aplikasi web yang meluas, mencipta editor teks yang kaya telah menjadi semakin biasa. CKEditor diiktiraf secara meluas sebagai salah satu penyunting teks kaya terbaik kerana kebolehsesuaian yang baik dan kemudahan penggunaannya. Artikel ini akan memperkenalkan cara mencipta editor teks kaya menggunakan PHP dan CKEditor.
Pengenalan kepada CKEditor
CKEditor ialah editor teks kaya merentas platform yang dilaksanakan melalui JavaScript. Ia menyediakan bar alat yang intuitif dan mudah difahami, termasuk gaya fon, pemformatan, sisipan imej dan jadual, tetapan pautan, semakan ejaan dan banyak lagi. Ciri utama CKEditor termasuk kebolehubahsuaian, kebolehlanjutan mudah dan keserasian merentas penyemak imbas, yang menjadikannya salah satu pilihan terbaik untuk mencipta editor teks kaya.
Sebelum menggunakan CKEditor
Pertama, pastikan anda mempunyai persekitaran PHP di tapak web anda. Jika tidak, sediakannya dengan memasang pelayan Apache, PHP dan MySQL. Jika anda sudah mempunyai perisian ini, maka anda boleh mula menggunakan CKEditor.
Langkah 1: Muat turun CKEditor
Mula-mula, muat turun versi terkini CKEditor daripada laman web rasmi CKEditor (http://ckeditor.com).
Langkah 2: Buat halaman HTML
Buat fail bernama index.html dalam pengurus fail, dan kemudian tambah kandungan berikut pada fail:
< DOCTYPE html>
<title>使用PHP和CKEditor创建富文本编辑器</title> <script src="ckeditor/ckeditor.js"></script>
<textarea id="editor1" name="editor1"></textarea> <script> CKEDITOR.replace( 'editor1' ); </script>
<
>
Baris 1 mengisytiharkan jenis dokumen HTML.
Baris 2 ialah tajuk halaman HTML.
Baris 3 memperkenalkan fail JavaScript CKEditor.
Barisan 6 mencipta elemen
Langkah 3: Muat naik fail CKEditor
Ekstrak fail CKEditor yang dimuat turun ke direktori web pada pelayan anda. Adalah lebih baik untuk menyimpan fail CKEditor dalam direktori yang sama seperti index.html.
Langkah 4: Uji editor teks kaya
Buka fail index.html dalam penyemak imbas, anda akan melihat editor teks dengan CKEditor, anda boleh mengedit teks dan format yang anda suka .
Dapatkan data daripada CKEditor menggunakan PHP
Sekarang, anda telah berjaya mencipta editor teks kaya menggunakan CKEditor. Langkah seterusnya ialah melihat cara mendapatkan data daripada CKEditor menggunakan PHP. Sila ikut langkah di bawah:
Langkah 1: Ubah suai halaman HTML
Tambahkan borang penyerahan dalam index.html untuk menghantar kandungan yang diedit oleh editor teks kaya ke fail PHP. Halaman HTML yang diubah suai kelihatan seperti berikut:
<title>使用PHP和CKEditor创建富文本编辑器</title> <script src="ckeditor/ckeditor.js"></script>
< ;body>
<form action="submit.php" method="POST"> <textarea id="editor1" name="editor1"></textarea> <input type="submit" value="提交"> </form> <script> CKEDITOR.replace( 'editor1' ); </script>