Установка 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. Однако то, как по умолчанию работает наш редактор, мягко говоря, оставляет желать лучшего. Поэтому в дальнейших статьях я расскажу, как осуществить настройку редактора под свои нужды (-:

Недавние записи

« Codeigniter и SWFUpload
Обновление FreeBSD 7.1 до 7.2 »

3 комментария to “Установка TinyMCE”

  1. VALERA Says:
    Сентябрь 22nd, 2009 at 17:40

    Но а где главное?
    Как это все увидеть в браузере и куда пихать эти коды?

    Странно!
    Мой пост ещё тут есть
    http://www.drupal.ru/node/34421

  2. none Says:
    Сентябрь 22nd, 2009 at 18:32

    Очень странный комментарий… Если Вы не знаете структуру html-документа, как подключать скрипты, и что выполняет указанный мною малюсенький код, то я даже и не знаю, чем Вам помочь… Разве что сделать все указанные действия за Вас….

  3. VALERA Says:
    Сентябрь 22nd, 2009 at 20:35

    Просто нужно было по ссылке перейти…
    Разговоров много.
    Реально толку все равно нет от всех постов посвещенных этому вопросу.

    Сам урок показывает вставку куска редактора.
    Как и где его редактировать не показано…
    Это как форма коментариев без каких либо кнопок и т.п…
    Я думал этот путь выведет страницу с возможностью её редактировать,но нет.

    Смысл уже потерян!

Оставить комментарий