На момент написания этой статьи доступна к скачиванию 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".
Комментарии
Только не пойму как сделать чтоб большой ассортимент кнопок был - поменял в выводе скрипта simple на advanced стало немного более но не так как на рисунке ? и зачем там папка examples?
1. В какой папке лежат файлы редактора?
2. Совпадает ли путь к папке с путем указанным в инициализации?