cara menambahkan atau menyematkan CKEditor di halaman php

cara menambahkan atau menyematkan CKEditor di halaman php, saya mengunduh dan mengekstrak file zip ke root direktori dan juga memanggil halaman saya

<?php require("ckeditor/ckeditor.php"); ?>

memberi textarea bidang ini

<textarea class="ckeditor" name="editor1">Write any thing</textarea>

Namun tidak berfungsi, Dokumentasi untuk instalasi di PHP tidak ditemukan di website CKEditor.

Apakah ada yang tahu di mana kami atau bantu saya..untuk aplikasi ini.


php ckeditor
person Rafee    schedule 16.11.2011    source sumber
comment
Apa salahnya menggunakan javascript? CKEditor adalah sisi klien, apa yang akan dilakukan php?   -  person Damien Pirsy    schedule 16.11.2011
comment
maka saya perlu mengerjakannya dengan javascript -› php.., saya ingin melakukannya dengan php sendiri. Dan jika kita melakukannya dengan javascript, bagaimana kita dapat melakukan ckeditor melalui javascript.   -  person Rafee    schedule 16.11.2011
comment
Itu ada di dokumen, apakah Anda sudah melihatnya? bahkan ada bagian API yang lengkap dan mendetail   -  person Damien Pirsy    schedule 16.11.2011
comment
CKEditor5 dapat dikonfigurasi seperti di sini ebhor.com/php-ckeditor-installation-and- kegunaan   -  person xrcwrn    schedule 13.01.2021

Jawaban (5)


arrow_upward
26
arrow_downward

Langkah mudah untuk Mengintegrasikan ckeditor dengan halaman php

langkah 1 : unduh file ckeditor.zip

langkah 2: rekatkan file ckeditor.zip ke direktori root situs atau Anda dapat menempelkannya di tempat file berada (saya melakukan yang ini)

langkah 3 : ekstrak file ckeditor.zip

langkah 4 : buka halaman php yang diinginkan yang ingin Anda integrasikan di sini page1.php

langkah 5: tambahkan beberapa javascript terlebih dahulu di bawah, ini untuk memanggil elemen ckeditor dan styling dan css tanpa ini Anda hanya akan memiliki textarea kosong

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

Dan jika Anda menggunakannya di situs lain, maka gunakan tautan relatif untuk itu, berikut salah satu di bawah ini

<script type="text/javascript" src="somedirectory/ckeditor/ckeditor.js"></script>

langkah 6: sekarang!, Anda perlu memanggil kode kerja ckeditor di halaman Anda page1.php di bawah ini adalah bagaimana Anda menyebutnya

<?php

// Make sure you are using a correct path here.
include_once 'ckeditor/ckeditor.php';

$ckeditor = new CKEditor();
$ckeditor->basePath = '/ckeditor/';
$ckeditor->config['filebrowserBrowseUrl'] = '/ckfinder/ckfinder.html';
$ckeditor->config['filebrowserImageBrowseUrl'] = '/ckfinder/ckfinder.html?type=Images';
$ckeditor->config['filebrowserFlashBrowseUrl'] = '/ckfinder/ckfinder.html?type=Flash';
$ckeditor->config['filebrowserUploadUrl'] = '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';
$ckeditor->config['filebrowserImageUploadUrl'] = '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';
$ckeditor->config['filebrowserFlashUploadUrl'] = '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';
$ckeditor->editor('CKEditor1');

?>

langkah 7 : apa pun nama yang Anda inginkan, Anda dapat menamainya ckeditor dengan mengubah kode langkah 6 baris terakhir

$ckeditor->editor('mycustomname');

langkah 8 : Buka halaman1.php, lihat, gunakan, bagikan, dan Nikmati karena kita semua menyukai Open Source.

Terima kasih

person uzair    schedule 16.11.2011
comment
Di sini mereka tidak menyebutkan tentang menambahkan javascript. docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/ - person SASM; 20.11.2012
comment
ckeditor.php tidak lagi disertakan dalam CKEditor 4. Anda harus menyalin *.php file dari CKEditor 3.x... atau (solusi yang lebih baik): pelajari cara menggunakan JavaScript untuk menyertakan komponen JavaScript di situs web Anda. Dengan menggunakan JavaScript Anda mendapatkan akses ke fitur-fitur baru yang ditawarkan oleh CKEditor 4 seperti pengeditan sebaris. - person Wiktor Walc; 08.01.2014

arrow_upward
15
arrow_downward

Jika Anda sudah mendownload Versi terbaru 4.3.4 maka ikuti saja langkah-langkah berikut ini.

  • Unduh paketnya, unzip dan letakkan di direktori web atau folder root Anda.
  • Berikan izin baca tulis ke folder itu (sebaiknya mesin Ubuntu)
  • Buat halaman tampilan test.php
  • Rekatkan kode yang disebutkan di bawah ini, itu akan berfungsi dengan baik.

Muat file js yang disebutkan

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
<textarea class="ckeditor" name="editor"></textarea>
person Vinit Kadkol    schedule 03.04.2014

arrow_upward
4
arrow_downward

Sebagai alternatif, dapat juga dilakukan sebagai:

<?php
    include("ckeditor/ckeditor.php");
    $CKeditor = new CKeditor();
    $CKeditor->BasePath = 'ckeditor/';
    $CKeditor->editor('editor1');
?>

Perhatikan bahwa baris terakhir memiliki nama 'editor1', dapat diubah sesuai kebutuhan Anda.

person abhijeet kumar    schedule 14.09.2012
comment
Gunakan 4 spasi untuk memasukkan blok kode alih-alih melakukan hal-hal gila dengan html;) - person j0k; 14.09.2012

arrow_upward
3
arrow_downward

tidak perlu memerlukan ckeditor.php, karena CKEditor tidak akan diproses oleh PHP...

Anda hanya perlu mengikuti direktori _samples dan melihat fungsinya.

hanya perlu memasukkan ckeditor.js dengan tag html, dan melakukan beberapa konfigurasi dalam javascript.

person Francis.TM    schedule 16.11.2011
comment
ckeditor.php merupakan kelas utilitas untuk menggunakan CKEditor dari PHP tanpa perlu pusing memikirkan html dan javascript. - person AlfonsoML; 16.11.2011

arrow_upward
1
arrow_downward

Setelah membaca Panduan Memulai Cepat

Di halaman HTML Anda, tambahkan elemen yang harus diganti oleh CKEditor:

<textarea name="content" id="editor"></textarea>

Muat versi editor klasik (di sini lokasi CDN digunakan):

<script src="https://cdn.ckeditor.com/ckeditor5/10.0.1/classic/ckeditor.js"></script>

Panggil metode ClassicEditor.create().

<script>
    ClassicEditor
        .create( document.querySelector( '#editor' ) )
        .catch( error => {
            console.error( error );
        } );
</script>

Contoh

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CKEditor 5 - Classic editor</title>
    <script src="https://cdn.ckeditor.com/ckeditor5/10.0.1/classic/ckeditor.js"></script>
</head>
<body>
    <h1>Classic editor</h1>
    <textarea name="content" id="editor">
        <p>This is some sample content.</p>
    </textarea>
    <script>
        ClassicEditor
            .create( document.querySelector( '#editor' ) )
            .catch( error => {
                console.error( error );
            } );
    </script>
</body>
</html>

Contoh ini ditujukan untuk editor klasik tertentu. Untuk varian lainnya, hanya CDN yang berubah.

person Siraj Alam    schedule 13.06.2018