як додати або вбудувати CKEditor на сторінку php?
як додати або вбудувати CKEditor на сторінку php, я завантажив і витягнув zip-файл в кореневий каталог, а також викликав на своїй сторінці
<?php require("ckeditor/ckeditor.php"); ?>дав текстової області ці поля
<textarea class="ckeditor" name="editor1">Write any thing</textarea>Але він не працює, документація для установки на PHP не знайдена на сайті CKEditor.
Хто-небудь знає, де ми або допоможіть мені .. для цього додатка.
Прості кроки по інтеграції ckeditor зі сторінками php
Крок 1: Завантажте ckeditor.zip файл
Крок 2: вставте ckeditor.zip файл в кореневому каталозі сайту або ви можете вставити його туди, де знаходяться файли (Я зробив це)
Крок 3: вийміть ckeditor.zip файл
Крок 4: відкрийте потрібну сторінку php, з якою ви хочете інтегруватися, тут page1.php
Крок 5: спочатку додайте javascript нижче, це для виклику елементів ckeditor і стилю і 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: яке б ім'я ви не вибрали, ви можете назвати його редактором, змінивши останній рядок коду кроку 6
$ckeditor->editor('mycustomname');Крок 8: відкрийте page1.php, дивіться його, використовуйте, діліться ним і насолоджуйтеся, тому що ми всі любимо відкритий вихідний код.
Дякую
Якщо ви завантажили останню версію 4.3.4, просто виконайте наступні дії.
- Завантажте пакет, розпакуйте його і помістіть в свій веб-каталог або кореневу папку.
- Надайте дозволи на читання і запис в цю папку (переважно на комп'ютерах Ubuntu)
- Створити сторінку перегляду test.php
- Вставте наведений нижче код, він повинен працювати нормально.
Завантажте згаданий JS-файл
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script> <textarea class="ckeditor" name="editor"></textarea>
З іншого боку, це також можна було б зробити наступним чином:
<?php
include("ckeditor/ckeditor.php");
$CKeditor = new CKeditor();
$CKeditor->BasePath = 'ckeditor/';
$CKeditor->editor('editor1');
?>Зверніть увагу, що в останньому рядку в якості імені вказано "редактор1", його можна змінити відповідно до ваших вимог.
немає необхідності вимагати ckeditor.php, тому що CKEditor не буде оброблятися PHP...
вам потрібно просто слідувати каталогу _samples і подивитися, що вони роблять.
просто потрібно включити ckeditor.js за допомогою html-тега <script> і виконайте деякі налаштування в javascript.
Після прочитання короткий посібник з початку роботи
На вашій 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.
