TinyMCE – лучший визуальный редактор по версии меня

Представляю вам лучший визуальный JavaScript редактор – TinyMCE. В то время, как все фигеют от FCKEditora, меня он не привлекает, т.к. не хочет работать под Оперой (лучшим браузером по версии опять же меня ;).

Чем же так хорош TinyMCE?

Во-первых, он достаточно легко интегрируется и настраивается.

Во-вторых, поддерживает кучу плагинов. Например, в админской части автобегиннера я использую advimage и advlink для вставки изображений и ссылок, xhtmlxtras – добавляющий такие теги как cite, ins, del, abbr, acronym. И наконец, spellchecker – проверяющий орфографию.

В-третьих, есть поддержка скинов.

В-четвертых, есть файл русификации.

В-пятых, в-шестых и т.д. – еще куча достоинств.

Как это все заюзать? Рассказываю, как это сделано на бегиннере. Вот так выглядит форма добавления/редактирования статьи:

11.gif

Для начала скачиваем сам редактор: [ссылка]

Внутри архива в \tinymce\jscripts\ лежит папка tiny_mce – она то нам и нужна. Распаковываем в какую-нибудь папку, например js_libs.

Далее с той же страницы качаем Spellchecker PHP. Распаковываем архив в папку /js_libs/tiny_mce/plugins/.

Далее – готовим форму. На показанной выше Анонс и Текст – это обычные элементы textarea.


[...]


[...]
Анонс
Текст

Теперь нужно подключить TinyMCE.

Делаем раз: в начале страницы пишем



Делаем два: сразу после этого пишем


В результате получите то, что было выше на картинке. О том, что означает каждая строка подробно описано тут: [ссылка].

P.S. Пару слов о спеллчекере: так как пользуюсь исключительно Оперой, то в отличие скажем от владельцев Мозилы, у которых проверка орфографии вроде как встроена, я не мог делать это быстро и без использования доп. средств в виде Ворда.

С появлением этого замечательного плагина все происходит нажатием одной кнопки:

2.gif

3.gif

P.P.S. Еще пара слов о его подключении и использовании. Он может работать в 3 режимах: Юзать PSpell как модуль PHP, юзать PSpell из командной строки и юзать сервис проверки орфографии от Google.

Лично у меня подружить Denwer и PSpell не получилось (он долго требовал aspell-15.dll, потом не мог найти точку входа 1614) – поэтому использую сервис от Google. К тому же не придется напрягать хостера просьбой включить библиотеку :)))

Offtop: классный пост про безумные идеи.

18 комментариев on "TinyMCE – лучший визуальный редактор по версии меня"

  1. Надо попробовать!

  2. А я встроил в цмс, ваще классная штука, лучше вордпресса!

  3. Лучший браузер по версии меня мозилла, у оперы есть несколько фишек (строго следует спецификации) при верстке приходится выкручиваться длинными способами из-за нее))

  4. «К тому же не придется напрягать хостера просьбой включить библиотеку :)))»

    Денверь выкинь, ставь все руками :)

  5. Денверь выкинь, ставь все руками :)

    Ну ладно, сам напросился :))))

  6. Опера лучше Мозиллы :)

  7. Knave:

    Согласен.

    Сделали б еще поддержку плагинов, как у Мозилы – был бы супер-браузер.

  8. Евгений:

    UsbWebSerwer (Windows) – работает с флешы, не требует установки и регистрации! Apache + MySQL + SMTP

  9. leprosus:

    у меня spellchecker для русского языка выдаёт кракозябли
    что делать?

  10. Выдает в каком месте?

    Файл spellchecker\rpc.php, который собственно проверяет на ошибки, отдает результат в кодировке UTF-8.

  11. Dreamer:

    Спасибо за отличное объяснение!

  12. Просто прекрасно – очень интересные мысли. Разжевано специально как будто для меня :)

  13. Alex:

    инфа устарела fckeditor щас работает под оперой нормально

  14. oleg:

    Аналогично, если чекер нашел какую то ошибку и я кликаю на ней, то предложенные исправления ниписаны в неправильной кодировке. Погуглив – нешел ваш сайт, но так и не нашел объяснения как это фиксить. Мне надо что ни будь изменить в rpc.php? Моглибы вы более подробно описать что именно.

  15. SlvX:

    Переадресуйте запросы к URL /speller/tinyspell с вашего сайта на Яндекс ([ссылка]).

    Если используется web-сервер Apache, то настроить переадресацию можно в файле httpd.conf с помощью инструкции ProxyPass:

    ProxyPass /speller/tinyspell [ссылка]

  16. Knave, мой GoogleSpeller перечеркнул большую половину текста. Есть ли описание использования ЯндексСпеллера? Мне кажется с русскоязычными текстами он лучше справится.

    За статью спасибо.

  17. Олег, нашел решение проблемы с кодировкой тут (читай вторую часть статьи):
    [ссылка]

Trackbacks for this post

  1. Да здравствуют *NIX-системы - Блог Константина Лихачева

Got something to say? Go for it!