วิธีเพิ่มหรือฝัง CKEditor ในหน้า php

วิธีเพิ่มหรือฝัง CKEditor ในหน้า php ฉันดาวน์โหลดและแตกไฟล์ zip ลงในรูทของไดเร็กทอรีและเรียกบนเพจของฉันด้วย

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

ให้ฟิลด์ข้อความนี้แก่พื้นที่ข้อความ

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

แต่มันไม่ทำงาน ไม่พบเอกสารสำหรับการติดตั้งบน PHP เว็บไซต์ CKEditor

ไม่มีใครรู้ว่าเราอยู่ที่ไหนหรือช่วยเหลือฉัน.. สำหรับแอพนี้


php ckeditor
person Rafee    schedule 16.11.2011    source แหล่งที่มา
comment
เกิดอะไรขึ้นกับการใช้จาวาสคริปต์? CKEditor เป็นฝั่งไคลเอ็นต์ php จะทำอย่างไร?   -  person Damien Pirsy    schedule 16.11.2011
comment
ถ้าอย่างนั้นฉันต้องทำงานกับ javascripts -› php.. ฉันอยากจะทำมันด้วย php เอง และถ้าเราใช้จาวาสคริปต์ เราจะสามารถ ckeditor ผ่านจาวาสคริปต์ได้อย่างไร   -  person Rafee    schedule 16.11.2011
comment
นั่นอยู่ในเอกสาร คุณเคยดูพวกเขาบ้างไหม? มีส่วน API ที่มีรายละเอียดครบถ้วนด้วย   -  person Damien Pirsy    schedule 16.11.2011
comment
CKEditor5 สามารถกำหนดค่าได้ที่นี่ ebhor.com/php-ckeditor-installation-and- ใช้   -  person xrcwrn    schedule 13.01.2021

คำตอบ (5)


arrow_upward
26
arrow_downward

ขั้นตอนง่ายๆ ในการผสานรวม ckeditor เข้ากับเพจ php

ขั้นตอนที่ 1 : ดาวน์โหลดไฟล์ ckeditor.zip

ขั้นตอนที่ 2: วางไฟล์ ckeditor.zip ลงในไดเร็กทอรีรากของไซต์ หรือคุณสามารถวางลงในตำแหน่งที่มีไฟล์อยู่ (ฉันทำสิ่งนี้)

ขั้นตอนที่ 3 : แตกไฟล์ ckeditor.zip

ขั้นตอนที่ 4 : เปิดหน้า php ที่คุณต้องการรวมเข้ากับที่นี่ page1.php

ขั้นตอนที่ 5 : เพิ่มจาวาสคริปต์ก่อนด้านล่าง นี่คือการเรียกองค์ประกอบของ ckeditor และ styling และ css หากไม่มีสิ่งนี้ คุณจะมีเพียงพื้นที่ข้อความว่างเท่านั้น

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

และหากคุณใช้งานในเว็บไซต์อื่น ให้ใช้ลิงก์ที่เกี่ยวข้องสำหรับลิงก์ด้านล่างนี้

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

ขั้นตอนที่ 6: ตอนนี้! คุณต้องเรียกรหัสการทำงานของ ckeditor บนหน้าของคุณ page1.php ด้านล่างคือวิธีที่คุณเรียกมัน

<?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');

?>

ขั้นตอนที่ 7 : คุณต้องการตั้งชื่ออะไร คุณสามารถตั้งชื่อให้ ckeditor ได้โดยการเปลี่ยนโค้ดขั้นตอนที่ 6 บรรทัดสุดท้าย

$ckeditor->editor('mycustomname');

ขั้นตอนที่ 8 : เปิด page1.php ดู ใช้ แบ่งปัน และเพลิดเพลิน เพราะเราทุกคนรัก Open Source

ขอบคุณ

person uzair    schedule 16.11.2011
comment
ที่นี่พวกเขาไม่ได้กล่าวถึงการเพิ่มจาวาสคริปต์ docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/ - person SASM; 20.11.2012
comment
ckeditor.php ไม่รวมอยู่ใน CKEditor 4 อีกต่อไป คุณควรคัดลอกไฟล์ *.php จาก CKEditor 3.x... หรือ (วิธีแก้ปัญหาที่ดีกว่า): เรียนรู้วิธีใช้ JavaScript เพื่อรวมส่วนประกอบ JavaScript บนเว็บไซต์ของคุณ การใช้ JavaScript คุณจะสามารถเข้าถึงคุณสมบัติใหม่ๆ ที่นำเสนอโดย CKEditor 4 เช่น การแก้ไขแบบอินไลน์ - person Wiktor Walc; 08.01.2014

arrow_upward
15
arrow_downward

หากคุณดาวน์โหลดเวอร์ชันล่าสุด 4.3.4 ให้ทำตามขั้นตอนเหล่านี้

  • ดาวน์โหลดแพ็คเกจ แตกไฟล์ และวางลงในไดเร็กทอรีเว็บหรือโฟลเดอร์รูทของคุณ
  • ให้สิทธิ์การอ่านเขียนแก่โฟลเดอร์นั้น (โดยเฉพาะเครื่อง Ubuntu)
  • สร้างหน้าดู test.php
  • วางโค้ดที่กล่าวถึงด้านล่างซึ่งควรจะทำงานได้ดี

โหลดไฟล์ js ดังกล่าว

<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

นอกจากนี้ยังสามารถทำได้ดังนี้:

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

โปรดทราบว่าบรรทัดสุดท้ายมีชื่อ 'editor1' ซึ่งสามารถเปลี่ยนแปลงได้ตามความต้องการของคุณ

person abhijeet kumar    schedule 14.09.2012
comment
ใช้ช่องว่าง 4 ช่องเพื่อเยื้องบล็อคโค้ดแทนที่จะทำสิ่งที่บ้าๆบอ ๆ ด้วย html ;) - person j0k; 14.09.2012

arrow_upward
3
arrow_downward

ไม่จำเป็นต้องใช้ ckeditor.php เพราะ CKEditor จะไม่ถูกประมวลผลโดย PHP...

คุณต้องติดตามไดเร็กทอรี _samples และดูว่าพวกเขาทำอะไร

เพียงแค่ต้องรวม ckeditor.js ด้วยแท็ก html และทำการกำหนดค่าบางอย่างใน javascript

person Francis.TM    schedule 16.11.2011
comment
ckeditor.php เป็นคลาสยูทิลิตี้สำหรับใช้ CKEditor จาก PHP โดยไม่จำเป็นต้องกังวลเกี่ยวกับ html และ javascript - person AlfonsoML; 16.11.2011

arrow_upward
1
arrow_downward

หลังจากอ่านคู่มือเริ่มใช้งานฉบับย่อ

ในหน้า HTML ของคุณ ให้เพิ่มองค์ประกอบที่ CKEditor ควรแทนที่:

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

โหลดบิลด์ตัวแก้ไขแบบคลาสสิก (ใช้ตำแหน่ง CDN ที่นี่):

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

เรียกใช้เมธอด ClassicEditor.create()

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

ตัวอย่าง

<!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>

ตัวอย่างนี้ใช้สำหรับโปรแกรมแก้ไขแบบคลาสสิกโดยเฉพาะ สำหรับรูปแบบอื่นๆ เฉพาะ CDN เท่านั้นที่จะเปลี่ยนแปลง

person Siraj Alam    schedule 13.06.2018