Вебстудия МоскалюковА :: ООО "Интернет-информация-бизнес"

Информационный центр

Заказать услугу

Рейтинг:  3 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда не активнаЗвезда не активна
 

Установка редактора 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".

Рейтинг и отзывы

 

Новое в ЧАВО