Установка TinyMCE
Некоторое время назад я рассказывал об установке и настройке редактора FCKeditor. Всем хорош и замечателен этот редактор, но что-то мне так вот сходу не удалось его подогнать под необходимый мне дизайн по размеру и цветам его рабочее окно. Совсем уж опечалившись, я стал бродить по просторам интернета в поисках альтернативы. И тут мне на глаза попал другой редактор, уж и не помню, где я его увидел, в «Одноклассниках» что ль (-: И было ему имя — TinyMCE. Поизучав страничку создателей, посмотрев страничку примеров использования TinyMCE пришёл к выводу: надо брать и использовать! (-:
Ну а дальше всё легко и просто (-:
1. Качаем исходники редактора с соответствующей странички Download. Как Вы там сможете заметить, то существует несколько различных вариантов, в том числе и в качестве jQuery сборки, что есть невообразимый гуд (-:
2. Разархивируем это всё в нужную нам папку, из которой уже потом будем подключать его себе на страничку.
3. Подключаем его себе внутри тэгов <head>:
<script type="text/javascript" src="../путь_к_tinymce/tiny_mce.js"></script>
4. Производим инициализацию редактора:
<script type="text/javascript"> tinyMCE.init({ mode : "textareas" }); </script>
Как нетрудно заметить, редактор настроен для работы с областью <textarea>. Поэтому данная облать должна быть включена в тело нашей страницы:
<textarea name="content" cols="50" rows="15">Какой-то текст</textarea>
5. Вот и всё. можно уже использовать TinyMCE. Однако то, как по умолчанию работает наш редактор, мягко говоря, оставляет желать лучшего. Поэтому в дальнейших статьях я расскажу, как осуществить настройку редактора под свои нужды (-:
Недавние записи
- Ошибка при обновлении Meteor до версии 1.4.2
- Patch falcon для ruby-1.9.3-p327
- Ускоряем ruby и Rails
- Gem ‘seo_params’: определение основных параметров
- Отрицательный margin-top и Opera
- Rspec and Devise reset password
- Backbone.js: Views. Часть первая.
- Backbone.js: Models and Collections
- Backbone.js Routers
- Backbone.js + Coffeescript + Rails
Сентябрь 22nd, 2009 at 17:40
Но а где главное?
Как это все увидеть в браузере и куда пихать эти коды?
Странно!
Мой пост ещё тут есть
http://www.drupal.ru/node/34421
Сентябрь 22nd, 2009 at 18:32
Очень странный комментарий… Если Вы не знаете структуру html-документа, как подключать скрипты, и что выполняет указанный мною малюсенький код, то я даже и не знаю, чем Вам помочь… Разве что сделать все указанные действия за Вас….
Сентябрь 22nd, 2009 at 20:35
Просто нужно было по ссылке перейти…
Разговоров много.
Реально толку все равно нет от всех постов посвещенных этому вопросу.
Сам урок показывает вставку куска редактора.
Как и где его редактировать не показано…
Это как форма коментариев без каких либо кнопок и т.п…
Я думал этот путь выведет страницу с возможностью её редактировать,но нет.
Смысл уже потерян!
Март 2nd, 2011 at 23:40
Вроде всё что надо сделать просто, но пришлось прилично погуглить чтобы подключить эту штуковину. Ваш пост помог решить эту задачу. Спасибо Вам. Буду ждать статьи о том как осуществить настройку редактора под свои нужды.
Июль 4th, 2012 at 09:05
Очень, помогла статья.
Теперь очень было бы интересно узнать, где можно найти дополнительные стили для оформления этого всего и возможно рекомендации по отключению ненужных кнопок.
Октябрь 21st, 2012 at 09:00
Ещё одна тупая статья ! Если пишите для людей то пишите как для людей — понятно. Из статьи только и понятно то что и так ясно — это скачать с офф. сайта файлы и залить на сайт. Пункт 4 куда пихать ??? Тоже в хеад или в файл где нужен редактор ??? Это трудно что-ли указать ???
PS Этим и отличаются люди — кто-то писатель , а кто-то ПИСУН !!!
Ноябрь 6th, 2012 at 14:54
Во-первых, я пишу для себя.
Во-вторых, сначала выучите хотя бы базовый набор правил пунктуации и орфографии.
В-третьих, если Вы не знаете, как выполнить 4-й пункт, то пусть лучше сайтостроением занимаются люди, которые хоть что-то в этом понимают (-:
И вообще, Вам пора в школу.
Март 5th, 2013 at 12:14
[...] Установка TinyMCE. [...]