Тяга народа к халяве неистребима.
Приходится смиряться.
 

К великому моему удивлению, мой пост про визуальный редактор для Lasto-блога-Б вызвал оживленный интерес среди довольно скудной аудитории моих читателей. Многие интересуются, спрашивают и... уходят. Некоторые уходят тихо, по-английски, другие предпочитают хлопнуть дверью, ткнув меня носом в мою мега-корысть - просить деньги за ПО, автором которого я не являюсь.

Да, редактор писал не я, но я обратного и не утверждал. А бесплатно его не раздаю по двум причинам:

1. я все же потратил время на его адаптацию, а каждый труд должен быть соответственно оплачен.
2. чтоб халявщики стройными рядами шли мимо, прямиком в близлежащий лес. Тут я полностью согласен с Ласто. Ибо нефиг.

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

Собственно, достойных аналогов в сети довольно много, но все они имеют один существенный недостаток - автоматическая и безгеморройная закачка картинок в блог возможна только после некоторого шаманства с кодом редактора. А шаманить умеют далеко не все.

Это (а так же просьбы читателей-пользователей Lasto-блога) и послужило причиной порыться на пыльном чердаке и поискать старенькую версию тулзы, которая, хоть и не является визуальной, но картинки заливать таки умеет.

Что это такое и с чем его едят.

Визуальный редактор появился, когда один из моих знакомых показал мне FCKeditor, а до того у меня уже было несколько попыток усовершенствовать встроенное в Lasto-блог средство создания постов. Один из вариантов я и предлагаю всем желающим. На этот раз совершенно бесплатно (надоело мне уже выслушивать нытье, про то, что 3 WMZ для действующего манимейкера  - это слишком дорого ).

Итак, что же оно умеет.

Да почти ничего . Тупо вставляет заранее определенные HTML-тэги в позицию курсора или обрамляет ими выделенный кусок текста. Получается, что это даже не редактор, а просто помощник для ввода тэгов в стандартном окне набора текста. Ну и плюс умеет загружать картинки (JPEG и GIF) на сайт и создавать соответствующий тэг в тексте. Все.

Установка.

Качаем вот этот файлик и вынимаем его содержимое куда-нибудь на свой винчестер. Почему сразу не на сайт? Потому, что требуется провести некоторые настройки-модификации прежде чем тулза начнет нормально работать.

Этот вариант не встраивается в блог, а использует механизм удаленного создания постов, так удачно предоставленный автором блога. Потому, прежде чем заливать файл на сервер сделайте следующее:

1. Войдите в свой блог в режиме админа и обратитесь к странице remoute.html. Вашему взору явится HTML-код страницы для оффлайнового написания статей в блог.

2. В этом коде найдите такие строки:

<form name=sender target=_blank
  id=form_post method=post
  action=http://адрес-вашего-сайта/remoute.html>

и замените ими соответствующие строчки в распакованном скрипте. Это нужно, чтобы скрипт слал ваши посты именно в ваш блог, а не в мой. 
 

3. Чуть ниже найдите пачку строк, аналогичных этим:

<option value="glukSharp">Кривизна платформы .NET и проблемы C#</option>
<option value="interface">Грамотные интерфейсы</option>
<option value="lb">Доработки Lasto-блога</option>
<option value="webcoding">WEB-программирование</option>
<option value="humor">Юморное</option>
<option value="mind">Мысли вслух</option>
<option value="gfx">Графика и фото</option>

и так же замените ими соответствующую группу строк в скрипте. Это - список разделов вашего блога.
 

4. И наконец последняя замена - строка с кодом идентификации. Выглядит она так:

<input type="hidden" name="code" value="fbf2b6fe49b629062dba32087d3d29b2" />

Так же вставьте свою на место моей. Этот код нужен для того, чтобы блог знал, что пост прислан именно вами, а не каким-либо спамером.

5. Теперь осталось указать, куда скрипт должен складывать загруженные картинки. Путь прописан в начале скрипта в двух местах (строки 29 и 33). 29-я строчка выглядит так:

$up = getcwd().'/i/p/'.$filename;

Красным цветом отмечен путь от папки в которой будет находиться скрипт (корень блога), до папки куда будут ложиться загруженные изображения. Естественно права доступа на целевую папку должны быть никак не ниже 766. Иначе фиг вы что закачаете.

Строка 33 содержит код, который генерирует HTML-тэг отображения картинки в тексте. Естественно там путь должен быть тот же, что и в 29-строке:

$text = substr($text, 0, $lt).
  '<img alt="" border="" src="http://'.$_SERVER['HTTP_HOST'].
  '/i/p/'.$filename.'"/>'.substr($text, $lt);

Все, теперь можно заливать на сервер.

Вопросы безопасности.

Скрипт является НЕ БЕЗОПАСНЫМ, т.к. он содержит в себе все необходимое, чтобы отправлять посты в ваш блог. Никаких проверок подлинности юзера или идентификаций не производится. Поэтому прочтите следующий текст внимательно и с пониманием отнеситесь к его содержанию.

Скрипт должен находиться в корне блога (там же где лежит index.php). Это особенность блога.

В принципе его можно поместить и в /data/php_pages/ но при этом нужно будет править пути для загрузки картинок и выкинуть из скрипта все "лишние" HTML-тэги, иначе он будет ломать дизайн страницы. Можете поэкспериментировать сами, мне этим заниматься лень. 

Итак, чтобы обезопасить себя от разных "редисок" (коих на просторах сети просто немеряно) перед загрузкой скрипта на сервер измените его имя со стандартного editor.php на что-нить жудкое, типа jhg93gkewjdht83k7tvuy26yh6rhf.php

Соответсвенно, для вызова редактора вам придется обратиться именно к этой странице вашего блога, т.е. например к http://fit-media.com/jhg93gkewjdht83k7tvuy26yh6rhf.php

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

Работа с редактором.

Работа предельно простая - вводите текст, выделяете нужный кусок и жмете нужную кнопку - вокруг куска вставляются соответствующие кнопке тэги. Кнопка IMG откроет DIV-блок для выбора и закачки файла и, при успешной загрузке, вставит IMG-тэг в позицию курсора.

Есть еще пара кнопок - "QUOTE" и "CODE". Они вставляют заранее определенные блоки вложенных DIVов. Мне это было нужно для оформления вставленных исходников и цитат. Можете поколдовать над CSS от вашего блога и адаптировать эти блоки под себя. Или поколдовать над кодом скрипта и повесить на эти кнопки вставку чего-нить более полезного для вас.

Никогда не бойтесь экспериментировать, но и не забывайте про резервное копирование 

Один важный момент

Да, чуть не забыл. Чтобы отправить пост вы НЕ ДОЛЖНЫ быть залогинены в блоге, т.е. вы должны бять для блога обычным пользователем, а не администратором. В режиме админа блог просто выплюнет вам HTML-код страницы удаленного создания постов, полностью игнорируя все, что вы ему отправили. 

Если вы находитесь в режиме админа, то чтобы вернуться в обычный режим, нужно ДВАЖДЫ обратиться к странице logout блога. Если при этом блог потребует ввести пароль, откажите - нажмите "Отмена". Почему дважды? Я не знаю - глюк наверное (привет мастеру ), но с первого раза он просто выбрасывает на страницу общего оглавления.

ЗЫ

Все написанное выше проверено на Lasto-Blog-B. Работа скрипта с последней версией блога не проверялось - тестируйте сами.