как добавить или встроить CKEditor в страницу PHP

Question

Как добавить или встроить CKEditor в страницу php, я скачал и распаковал zip-файл в корень каталога, а также вызвал на своей странице

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

дал текстовой области эти поля

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

Но это не работает, Документация для установки на PHP не найдена на веб-сайте CKEditor.

Кто-нибудь знает, где мы или поможем мне ... для этого приложения.

Answer 1

Простые шаги для интеграции ckeditor с php-страницами

шаг 1: загрузите файл ckeditor.zip

шаг 2: вставьте файл ckeditor.zip в корневой каталог сайта или вы можете вставитьэто где файлы (я сделал это)

шаг 3: извлеките файл ckeditor.zip

шаг 4: откройте нужную страницу php, которую вы хотите интегрировать, здесь page1.php

шаг 5: сначала добавьте немного javascript ниже, это для вызова элементов ckeditor, styleling и 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Источник.

Спасибо

Answer 2

Если вы скачали последнюю версию 4.3.4, просто выполните следующие действия.

• Загрузите пакет, разархивируйте и поместите в свой веб-каталог или корневую папку.
• Укажите разрешения на чтение и запись для этой папки (предпочтительно для компьютеров с Ubuntu)
• Создать страницу просмотра test.php
• Вставьте приведенный ниже код, он должен работать нормально.

Загрузить указанный файл js

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
<textarea class="ckeditor" name="editor"></textarea>

Answer 3

С другой стороны, это также можно сделать как:

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

Обратите внимание, что в последней строке в качестве имени указано 'editor1', его можно изменить согласно вашему требованию.

Answer 4

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

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

<textarea class="ckeditor" name="editor1"></textarea>

Answer 5

нет необходимости требовать ckeditor.php, потому что CKEditor не будет обрабатываться PHP ...

вам нужно просто следовать каталогу _samples и посмотреть, что они делают.

просто нужно включить ckeditor.js тегом html и выполнить некоторую настройку в javascript.

Answer 6

После прочтения Краткое руководство пользователя

На вашей 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.