Украина, Днепропетровск
(095) 478-70-11
Для преобразования стандартной формы ввода текста, так называемой textarea, используются разнообразные WYSIWYG-редакторы, сегодня покажу насколько просто установка такого редактора на примере TinyMCE.
TinyMCE - это достаточно навороченный редактор, который устанавливается с легкостью на любую html-форму textarea.
Для установки нам необходим сам редактор, ну и еще файл руссификации. -> tiny, lang
Итак, для начала распакуем первый архив, который включает в себе сам редактор, после этого его необходимо поместить в папку на сервере, например по адресу "js/tinymce".
Теперь открываем свой index файл, и добавляем в него данный код, он будет инициировать сам редактор. В данным примере используется редактор на основе jquery библиотеке, поэтому подключение данной обязательно.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: "textarea"
});
</script>
Дальше нам нужно добавить русскую локализацию. Распаковываем следующий архив и содержимое "ru.js" помещаем в папку "langs" находящуюся у нас по адресу " js/tinymce/langs".
В index файле нам нужно дописать одну строку кода, и не забывайте ставить запятую.
<script type="text/javascript">
tinymce.init({
selector: "textarea",
language:"ru"
});
</script>