Главная > on-line сервисы, Web, Скрипты на php, java, ajax > FCKeditor – Текстовый редактор on-line, с возможностью делать таблицы и добавлять картинки. Установка, настройка, функционал.

FCKeditor – Текстовый редактор on-line, с возможностью делать таблицы и добавлять картинки. Установка, настройка, функционал.

FCK текстовый редактор онлайн с возможностью вставки изображений

Недавно, при разработке скрипта, передо мной встала задача сделать редактор статей, с возможностью вставки таблиц и рисунков, для человека, не разбирающегося в html. В общем редактор должен быть визуальным, по типу MS Word. Мне посоветовали поставить скрипт FCKeditor.

Скачать его можете на официальном сайте: http://www.fckeditor.net/download

Скачал. В архиве куча файлов скрипта. Никакого намека на “Readme” нет.

Архив FCK

Покопался на их сайте и нашел мануал по установке данного скрипта:


http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Installation

Перевожу на русский:

Установка FCKeditor.

Установка FCKeditor очень проста.

В точности следуйте инструкциям:

1) Скачайте последнюю версию редактора:  http://www.fckeditor.net/download

2) Распакуйте скачанный архив в директорию “fckeditor” в корень вашего сайта.

Замечание: Вы можете поместить файлы в скрипта в любую директорию на сайте. “fckeditor”  по умолчанию.

Проверьте правильно ли установился скрипт.

В комплекте присутствует пример использования скрипта на всех языках программирования, поддерживаемых редактором. Просмотрите директорию “_sample”.

Проверьте правильно ли установился скрипт, пройдя по следующей ссылке:

http://<Ваш сайт>/<Папка с залитым FCKeditor>/_samples/default.html

Приступаем к установке FCKeditor-а.

1) Заливаем папку, распакованную из архива, в корень сайта.

2) Открываем страницу http://<Ваш сайт>/<Папка с залитым FCKeditor>/_samples/default.html

3) Тестируем редактор ( ВНИМАНИЕ!!! JAVA SCRIPT в браузере должен быть включен )

4) Потестировали. Все работает! Дальше будем разбираться как интегрировать этот редактор в наш проект.

Интегрируем редактор в наш проект на php.

Оригинальный Мануал на английском языке можете прочитать здесь: http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Integration/PHP

Итак, простым языком описываю все шаги:

1) Подключаем файл скрипта в нашем проекте.

<?php
include_once("<Папка с залитым FCKeditor>/fckeditor.php") ;
?>

2) Вставляем нижеуказанный код в тело документа.

<form action="<скрипт обработчик>" method="post">
 
	<?php
	$oFCKeditor = new FCKeditor('FCKeditor1') ;
	$oFCKeditor->BasePath = '/fckeditor/' ;
	$oFCKeditor->Value = '<p>Текст, который будет в поле редактора по умолчанию.</p>' ;
	$oFCKeditor->Create() ;
	?>
    <br>
	<input type="submit" value="Submit">
</form>

3) Можете изменить значение свойств по умолчанию объекта oFCKeditor в файле fckconfig.js, чтобы каждый раз их не указывать при создании объекта.

Как включить возможность добавлять картинки в FCKeditor.

1) Открываем файл:
<Папка с залитым FCKeditor>/editor/filemanager/connectors/php/config.php

2) Ищем строчку:

$Config['Enabled'] = false ;

и заменяем ее на:

$Config['Enabled'] = true ;

3) Ищем сточку:

$Config['UserFilesPath'] = '/userfiles/' ;

оставляем как есть
или заменяем ее на:

$Config['UserFilesPath'] = '/путь к папке, куда будут заливаться картинки/' ;

4) Если вы оставили значение ‘/userfiles/’, создаем в корне сайта папку userfiles и обязательно даем ей права 777.
Если вы изменили значение, то убедитесь, что путь к папке, который вы указали, существует, и chmod стоит 777

5) Если вы все сделали правильно – загрузка картинок с Вашего компьютера на сайт должна работать.

Комментирование отключено.