Сайты ...

создание, обслуживание и продвижение для бизнеса, бюджета, частникам.

Контакты

телефон: +7 978 7316680
email: aminfo@ya.ru

Установка редактора TinyMCEНа момент написания этой статьи доступна к скачиванию TinyMCE 3.4.2, к редактору прилагается русский языковый файл, который надо качать отдельно. TinyMCE имеет несколько достоинств, которые сделали его одним из самых привлекательный редакторов контента для веб проектов. Главное достоинство - его бесплатность. Второе значительное достоинство - легкость в установке, широкие возможности в настройке и приличный функционал.

Установка редактора TinyMCE действительно очень проста.

 

1. Скачиваем пакет редактора TinyMCE с сайта производителя.

2. Распаковываем пакет в папку на вашем сайте. Пусть это будет /scripts/tiny_mce. Именно в этой папке должен оказаться файл tiny_mce.js.

3. Пакет редактора можно привязать к тегу textarea или div. Будем привязывать к textarea. Простейший html или php файл будет выглядеть так:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Подключение редактора TinyMCE</title>
</head>

<body>
<form action="url обработчика формы" method="post" enctype="application/x-www-form-urlencoded">
<textarea cols="60" rows="7" id="edit_text"></textarea>
<input type="submit" value="Сохранить" />
</form>
</body>
</html>

Хотите знать больше? Нажмите "Нравится"

Этот же файл с установленным редактором TinyMCE выглядит так:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Подключение редактора TinyMCE</title>
<!-- TinyMCE -->

<script type="text/javascript" src="/scripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",

theme : "simple"
});
</script>

<!-- /TinyMCE -->
</head>

<body>
<form action="url обработчика формы" method="post" enctype="application/x-www-form-urlencoded">
<textarea cols="60" rows="7" id="edit_text"></textarea>
<input type="submit" value="Сохранить" />
</form>
</body>
</html>

Здесь mode:"textareas" и theme:"simple" - директивы конфигурации. И это действительно все.

О настройке редактора TinyMCE читайте в статье "Настройка редактора TinyMCE".

Комментарии  

-6 # RE: Установка редактора TinyMCEпартнёры 01.05.2013 00:13
вот я мудило, ни чё не понял чё ты тут написал.... теги, какие-то. как его устанавливать?? ?
Ответить | Ответить с цитатой | Цитировать
-6 # RE: Установка редактора TinyMCEАнатолий 16.12.2012 00:28
Ну и статейка. Вроде-бы полезная информация подаётся, но ничего непонятно. А попроще можно было написать? :cry:
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Установка редактора TinyMCEИгорь 27.11.2011 18:58
Спасибо сделал правильный путь и заработало!
Только не пойму как сделать чтоб большой ассортимент кнопок был - поменял в выводе скрипта simple на advanced стало немного более но не так как на рисунке ? и зачем там папка examples?
Ответить | Ответить с цитатой | Цитировать
+3 # RE: Установка редактора TinyMCEАндрей Москалюков 27.11.2011 19:07
А это уже вопрос настроек редактора. Переходите к статье "Настройка редактора TinyMCE"
Ответить | Ответить с цитатой | Цитировать
0 # RE: Установка редактора TinyMCEИгорь 27.11.2011 15:12
Все сделал но не появился редактор? :(
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Установка редактора TinyMCEАндрей Москалюков 27.11.2011 15:28
Проверьте
1. В какой папке лежат файлы редактора?
2. Совпадает ли путь к папке с путем указанным в инициализации?
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий


Защитный код
Обновить

 

Новые комментарии