Установка и настройка TinyMCE

Попробовать перед установкой можно тут:  https://www.tinymce.com/tryit/full.php

Как видите, это визуальный редактор на JavaScript, который может практически всё что и обычный редактор текста. Это существенно облегчает пользователю задачу формирования html текста.

Итак приступим. Скачайте с сайта выше дистрибутив. 

Распакуйте в папку с сайтом. 

Теперь для подключения вам нужно:

  • Вставить в заголовок скрипт:

<script type=»text/javascript» src=»https://sitename.domen/js/tiny_mce/tiny_mce.js»></script>   

<script type=»text/javascript»>     

     tinyMCE.init({         

                          mode:»textareas»,         

                          theme:»simple»,         

                          language:»ru»     

     }); 

</script>

 

Первый скрипт — просто ссылка на файл tinyMCE. Вторым же скриптом мы инициализируем приложение. 

В нашем случае обработаны будут все теги textarea , причём будет использована тема simple и русский язык (не забываем скачать его в соответствующем разделе сайта).

Теперь изменим размер шрифта внутри редактора. По умолчанию это 10px! не много, правда?.. 

Для этого нужно изменить файл с настройками темы:

tiny_mce/themes/simple/skins/default/content.css

Измените строки:

body, td, pre {     

      font-family: Verdana, Arial, Helvetica, sans-serif;     

      font-size: 10px;  /// тут изменить размер шрифта

}

После этого все форму будут подвергнуты изменению. 

ps POST & GET параметры передаются как и раньше с помощью атрибута name необходимого поля.

 

Похожий код:

Фото аватара
Алексей Петров

Программист, разработчик с 5 летним опытом работы. Учусь на разработчика игр на Unity и разработчика VR&AR реальности (виртуальной реальности). Основные языки программирования: C#, C++.

Оцените автора
Бла, бла код
Добавить комментарий