Встраиваем секси-редактор на свою страничку

[recompileme]

Хм, забавно. На сайте про собственно эротику и секс - ни одного подобного комментария пока нет)
Если заметка никому неинтересна - напишите в комментах, я сотру.
Только не надо на неё "дрочить", пожалуйста

[fatal]

Ссылочку поменяйте на пример применения редактора, и всё будет в порядке.
Например вот на эту: http://dojotoolkit.org/book/dojo-book-0-…

[recompileme]

К сожалению не могу отредактировать, уже минус влепили)
Но я поставил на свой сайт ссылку не от хорошей жизни.
Дело в том, что на официальном сайте Dojo, пример на который ведет ссылка с главной - нерабочий(((
http://dojotoolkit.org/demos/email-using-1-0
Не вставляются урлы...
Позорище честно говоря... Поэтому поставил ссылку на свой, более отлаженный скрипт.
За ссылку спасибо, там норм работает

[recompileme]

Какой то добрый человек нормализовал карму, спасибо! Поправил ссылку, пока опять не уронили)

[Aleco]

А я бы попросил указать ссылку и на свой сайт... А то на этом доже - не внятно как то...

[recompileme]

http://msexy.ru/

[config]

но он же сексуальный )))

[adebt]

Познавательно. Спасибо.
А что с кроссбраузерностью у этого секси-редактора? :)

[recompileme]

Не было замечено глючков на IE6, FF2 и Opera 9
На других не проверял..
В коде постоянно встречаются комментарии //Safari

[investor]

напоминает дизайн kde3.5 в линуксе)

[neithere]

KDE имеет очень много дизайнов, и существенно более приятных ;)

[mob]

какая, однако, секси-новость.

[recompileme]

Но согласитесь, "редактор с милыми кнопочками и прелестными шрифтами" звучало бы глупо?
Вообще ассоциативный ряд, наверно, при написании заголовка был такой:
вёрстка ==> секс с ИЕ6
добавить фишечек ==> секс с javascript
отладка ==> секс с PHP

[Omega]

а вы умеете получать удовольствие от процесса, однако! :-)

[recompileme]

Но ведь если всё в конце-концов получается - удовольствия немеряно)
оОо, напишу-ка я ещё как имел секс с гугл-мэпс, однако)
Вдруг кому то только предстоит)

[mob]

давайте, я уже в предвкушении оргазма..

[recompileme]

Написал
http://habrahabr.ru/blog/i_am_clever/327…
правда что то путанно получилось, час ночи(
Оргазм не получится)

[BonySoft]

предстоит! ждем с нетерпением

[Tremor]

а загружать картинки с компа нельзя?

[recompileme]

Прямо из редактора - нет. А что бывают такие редакторы?
Для загрузки ссылок на доджо - у меня в закладках затерялся вот такой url
Но он мне честно говоря не очень понравился... Не совсем то что я хочу просто.
Ещё в закладках есть такой uploader
Но они (автор(ы)) пишут что он будет глючить на связке FF+Linux+Flash
И скорее всего я, если разберусь с этой аццкой проблемой, повешу себе такой скриптец как на этом сайте http://www.mypornsafe.com/
(в ссылку не преобразую, потому что она(ссылка) ведет на неприличный сайт. И если Вас это смутит - не ходите туда)

Там без флэшей, но довольно удобно вроде

[recompileme]

Ой, хабр сам ссылку распарсил.. Ы)
Ну ладно уж, но всё равно - не кликайте на ней! Сюда ходите (прямая на js): http://www.mypornsafe.com/templates/defa…

[Tremor]

бывают :)
http://ufku.com/drupal/imce/demo
просто ща как раз ищу редактор с максимальным набором функций

[Zibx]

С максимальным как раз их пруд сейчас. А вот с минимальным бы… чтобы только стиль выбирать давать пользователю, и никаких розовых комик санс эмэсов чтоб :(

[Rulez]

напишите какие понравились, и какие нет и почему, я тут одну проблему никак не могу решить с fckeditor и поэтому ищу ему замену, давайте обменяемся опытом :)

[z_z]

tinyMCE помоему индустриальный стандарт и файлы можно загружать, да :) Есть в виде подулей/плагинов/хаков почти под все популярные CMS.

http://tinymce.moxiecode.com/example_full.php (линк на full featured demo )

[beshenov]

> повешу себе такой скриптец как на этом сайте http://www.mypornsafe.com/
Ох и сайты вы рекламируете :-)

[Stark]

Если нужен легкий и простой визуальный редактор - очень советую - http://nicedit.com/
8кБ JS-кода не сравнить с 200кБ предложенного.

[Arekus]

Именно это я и искал. Благодарю.

[recompileme]

ОбалдЕТЬ!
Супер! Попробую натянуть кнопочки из dodjo на эту малютку. А так - классный, спасибо за ссылку.

[xargon]

Супер, спасибо.

[ni_kit_a]

спасибо!
поставил бы плюсик вам, жаль не хватает сил духовных

[nmike]

мдя - вообще в опере(9.20) не пашет...

[Gram]

В 9.25 полёт нормальный.

[dukeRD]

огромное спасибо!

[allnightlong]

Интересно было бы почитать в сравнении с TinyMCE или FCKEditor

[recompileme]

По функциональности TinyMCE - далеко задвигает редактор от dodjo.
Мне просто не нужно было и десятой части его функциональности (TinyMCE).

[1st1]

С таким пониманием вопроса не рекомендую что-либо писать.

[recompileme]

Напишите Вы. Правда. Пожалуйста.
Очень не хватает простых статей для не-специалистов, поэтому приходится самому разбираться путем проб и ошибок(

[recompileme]

С mootools работает нормально

[sunnybear]

а ничего, что атрибут dojoType не включен в стандарты, переживем как-нибудь? :)
лучше бы rel/abbr/title/class использовали, что ли

[recompileme]

Тяжеловат вообще-то. В районе 200 кб. Но когда добавляешь ещё один плагин к редактору - он по цепочке ещё чуть не на 100 килобайт может файликов потянуть. Т.е. вот такой недостаток к сожалению присутствует..

[Pilot34]

Спасибо! добавил в избранное, если в проекте понадобится - прикручу. Это лучший из простеньких редактров комментариев?

[recompileme]

Посмотрите выше комментарий Stark. Там вообще малыш. Обязательно его попробую

[Pilot34]

действительно! Просто супер. На все случаи жизни теперь есть решение... Глюков firebug-ом вроде не отловил

[xargon]

постарайтесь, плз, избегать слов "глючок", "библиотечка", и проч. уменьшительных :)

[recompileme]

постараюсь)

[phantasm]

не умеет таблицы рисовать

tinyMCE, конечно, тот ещё уродец, но без него пока что всё равно не обойтись((

[ooprizrakoo]

Основная проблема этого WYSIWYG-редактора в том, что он генирирует html-код на выходе, что мягко говоря, небезопасно. Ведь результат работы скрипта - это запрос на сервер методом POST. А учитывая, что например тот же IE6 понимает ява-скрипты, вставленные в CSS, этот скрипт вполне может быть угрозой для безопасности. NicEdit, кстати, не исключение - он вполне генерит код вида You Are Hacker by Zloi Хэккер .

Собственно, BBCODE был придуман именно для этой цели - и несмотря на определенные неудобства, для него альтернативы я не нахожу.

Единственное, что обнаружилось похожее на альтернативу - это http://djko.com.ua/tools/ (в самом низу страницы) - это WYSIWYG-редактор, генерирующий на выходе Bbcode. В своем проекте, скорее всего, я буду использовать что-то похожее.

[xboy]

Что мешает убить все левые теги, за исключением тех что создает редактор?

[ooprizrakoo]

В LiveJournal так сделано: только все дело в том, что модуль, "фильтрующий" лишнее, занимает там не одну сотню строк кода.
То бишь просто так "секси"-редактор будет очень небезопасным, а пока сделаешь его безопасным - "секси" потеряет всё свое очарование.

[xboy]

Это ведь зависит от разрешенных тегов. Если тегов в этом редакторе не более чем в UBBCode - то программный код будет занимать не более того что есть в самом UBBCode. Ведь в любом случае убиваются все HTML теги, а из убитых можно вытащить только нужные. Только разница в том что в UBBCode мы вытаскиваем в стиле тегов с квадратными скобками, а с HTML придется в качестве скобок использовать < и >.

[ooprizrakoo]

Так ведь и всё дело в том, что данный редактор - это же клиентский скрипт, а не серверный - он не может фильтровать тэги :)Потому что он обычным POST-запросом пересылает данные - и любой хакер может услать такой запрос, произвольно составленнывй, вообще безо всякого редактора :) В этом-то и опасность :)

[xboy]

Чтобы избежать ту опасность о которой вы говорите, все делаете также как это проделываете в UBBcode, фильтруете полученный POST запрос от HTML. А далее принцип работы UBBCode и разрешенных HTML одинаковый, например:
UBBCode: [URL=link]ankor[/URL] заменяете на <a href=link>ankor</a>
HTML: &lt;a href=link&gt;ankor&lt;/a&gt; заменить на <a href=link>ankor</a>
Тем самым безопасность тут такая же, как и у UBBCode.

[ESQUELETO]

Вы очень правильно сказали. В самую точку. Попробую в одно предложение уместить.
«Нельзя полагаться на то, что приходит от клиента, поэтому надо проверять-проверять».

Так что, об этом можно и не говорить :)

[rimmer333]

Любому пользовательскому вводу доверять нельзя. BBCode не спасет отца русской демократии, если пихать POST напрямую в SQL запрос. Если обращать внимание на безопасность на сервере — тогда и опасные конструкции вроде css и скриптов можно выкусывать. Так что кому что удобнее.

[Davert]

Я бы посоветовал HotEditor для BB-кода. Не опенсорс, но зато самій функциональный из того что я видел.

[recompileme]

Этот редактор не грузится для всех пользователей. То есть он подключается только для "авторов", тех кто хочет написать статью или в блог. Для всех - в комментах к статьям - прикручен простенький самописный редактор с несколькими тегами. + на стороне сервера текст перед вставкой проходит обработку небольшую. Всякие
'...' => '…' escape_stringи, тире им. Лебедева и т.п. Т.е. в принципе редактор отдает сырой код кот. конечно надо обработать. Но это лучше чем заставлять пользователей изучать всякие маркдауны, ббкоды и т.п.

[recompileme]

Вставил кнопки от Dojo Toolkit в редактор от NicEdit

Теперь NicEdit не только маленький, но и очень сексуальный)

Ссылка: http://vadim.kulibaba.googlepages.com/se…

Там можно и попробовать получившийся редактор и скачать файл с иконками и модифицированный скрипт (там на самом деле только в шапке пути к иконкам изменены)

[recompileme]

Немного притормаживает, но это потому что на бесплатных googlepages разместил, скрипт подключен не в хидере и ссылки на скрипт не прямые - а на другой сайт.

[timurv]

А мне очень нравится вот эту штукенция
http://demo.wymeditor.org/wymeditor/tags…