Шаблон "Developer JQuery"

Блог разработки LiveStreet

Особенности шаблона

  • В качестве JS-фреймворка в шаблоне используется JQuery
  • Прикручен html редактор MarkItUp! (и слегка допилен)
  • Немного подправлен сам шаблон
  • JS убран из файлов шаблона (.tpl)

Совместимость с плагинами

Шаблон совместим со всеми плагинами, которые не используют мутулз :) Если нужна совместимость с плагинами на мутулзе, то можно попробовать использовать jquery в режиме совместимости, но и в этом случае 100%-ая работоспобоность плагинов не гарантируется.

Скачать

Шаблон для LS 0.4.2 — скачать можно в каталоге
Шаблон для транковой версии LS — доступен в SVN LS

74 комментария

avatar
Спасибо!
avatar
Отличная новость. Намучился в свое время с mootools…
avatar
А можно где то демо потыцать? )
avatar
Ура.
наконец-то ;D
avatar
УИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИИ!
комментарий был удален
комментарий был удален
комментарий был удален
комментарий был удален
комментарий был удален
avatar
Галерейку надо заняться переводить на jQuery, в остальном не так много js в принципе
комментарий был удален
avatar
РАДОСТЬ ТО КАКАЯ!!!
сначала не поверил, первое апреля всётаки)))))
  • lom
  • 0
  • ↓
avatar
пред просмотр не работает…
  • Guf
  • 0
  • ↓
avatar
Обновил шаблон, поправил предпросмотр у топика и добавил отступы у комментариев.
avatar
Вообще супер! :)

Теперь надо свой проект на jQuery перевести.

От всей души благодарю. А то я все время не могу найти на сию плюшку.
avatar
Ух ты! Я думал ort ненавидит JQuery!
avatar
А причем тут ort? Автор шаблона-то не он.
avatar
Форматирование «списки» у всех нормально работает? У меня почему-то вставляет только начало и конец тегов
    или
      . Текст не обрамляется тегом
    • , соответственно получается только отступ.
avatar 
<ol> <ul> , <li> почему-то нет
avatar
блин где ты раньше был?)) я уже мутулз выучил%)
avatar
выучил
avatar
большое спасибо, только в шаблоне футера — не лишним ли будет первый закрывающий div? мне пришлось его убрать, чтоб всё встало на свои места.
avatar
что именно у вас было не на своем месте из за этого тега?
avatar
сначала было нормально, я добавил теги переноса строки в начало шаблона футера, чтобы комментарии новые отображались вверху при переходе на них по ссылке для комментариев. смотрю — поехала вёрстка полностью все шаблоны перемешались, удалил див (потому что в старом шаблоне нет этого дива) и всё стало на свои места.

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

[03-Apr-2011 02:24:53] PHP Fatal error: Call to a member function isAdministrator() on a non-object in /home/site/public_html/templates/compiled/developer-jquery/%%21^21D^21D21174%%blog.tpl.php on line 15
avatar
Еще такой вопрос, как в редактор текста вернуть кнопку CUT, было удобно очень не вписывать ручками а вставлять одним нажатием. Заранее сенкс.
avatar
Она там есть, только класс у нее неправильный прописан был, поправил.
avatar
Обновил шаблон, обновлен jquery до последней версии, исправлен баг с автокомплитом и кнопкой ката, исправлены мелки баги в ЯС.
avatar
спасибо сейчас пере зальем
avatar
хм… кнопка CUT так и не появилась.

Вот еще небольшое замечание которое хотелось бы вернуть из стандартного developer скина.
При установке плагина aceAdminPanel, при заходе админом в правом верхнем углу появлялась иконка плагина для быстрого доступа в админ панель, сейчас же приходится ручками вбивать /admin/ не скажу чтобы это было критично, но удобство было на лицо. Хорошо бы конечно админ панель реализовать как в Drupal 7, но это наверно уже в другу тему :))
avatar
Прочитайте еще раз параграф под заголовком «Совместимость с плагинами»
avatar
понял, написал выше что не критично ) а вот про CUT хотелось бы все же чтобы работало )
avatar
Работает, очистите кэш.
avatar
кеш я очищал просто изображение не отобразилось сразу =) перезагрузил страницу и все появилось, спасибо!!!
avatar
Когда собираетесь new переделать?
avatar
Вот еще вопрос какой возник. При выходе из профиля, перебрасывает на страницу login/exit/?security_ls_key=… «Приходите еще» и дальше ничего не происходит, хотя по идее должно через некоторое время выкидывать на главную страницу. В чем может быть проблема, наблюдал такое на некоторых шаблонах, в основном все работает правильно, а тут приходится вручную переходить или просто закрывать, хотелось бы исправить ситуацию.
avatar
+ баг, при редактировании /создании статической страницы в редакторе текста не отображаются иконки и при их нажатии ничего не происходит, тут же вопрос в этом же разделе проблемы — как изменить ширину поля ввода текстовой информации в редакторе? у меня по умолчанию загружается редактор с узким полем редактирования, приходится каждый раз вручную растягивать его, это касается только при редактировании статических страниц, в других случаях отображение идет нормальным.
avatar
для плагина(!) статических страниц надо писать адаптацию. по умолчанию в нём mootools
avatar
хм… и почему мне думалось что это стандартная функция ливстрит?) Да Вы правы, плагин :( но кстати проблема с шириной поля редактирования были и в стандартном скине developer, так что тут общая проблема, как собственно и проблема с автоматическим переходе на главную страницу при выходе из профиля.
avatar
в разных браузерах можно поле растягивать за уголок внизу. в опере, кажется, нельзя, к сожалению.
avatar
читайте выше внимательно, я писал что изменить вручную можно но это надо делать каждый раз при редактировании, по умолчанию при загрузке страницы данное поле автоматически появляется очень узким, неудобно и не красиво, надо ковырять плагин как я понимаю.
avatar
Если кто-то знает, как это исправить самостоятельно — напишите пожалуйста.
avatar
header.light.tpl
между тегами head вставить 
{if $bRefreshToHome}
		<meta  HTTP-EQUIV="Refresh" CONTENT="3; URL={cfg name='path.root.web'}/">
	{/if}
avatar
Спасибо.

В шаблоне Девелопер header.light.tpl не содержит тегов head, там только 

{include file=header.tpl}
avatar
тогда соответственно в header.tpl :)
Спасибо помогло.
avatar
что-то мне этот редактор MarkItUp! вообще не нравится, потому что в нём не работает предпросмотр (но это ладно), много лишних кнопок, а в комментариях даже нет кнопок для выделения жирным или зачёркивания. Сейчас придётся долго ковыряться, чтобы привести всё в привычный вид.
avatar
не работает предпросмотр
поправил

а в комментариях даже нет кнопок
к форме комментирования редактор не подключен

много лишних кнопок
какие кнопки вы считаете лишними?
avatar

те, что зачеркнул, я не использую, но ведь могу запросто и убрать, это совсем не проблема.

1. хорошо, сейчас заново поставлю шаблон, проверю предпросмотр, любопытная штука. я так понял, он должен в интерактивном режиме работать.
2. ну а как подлючить к форме комментирования этот редактор MarkItUp? У меня на сайте люди любят картинки грузить в комментарии. второй вариант — вернуть прежний редактор.

в остальном претензий нет, знаки вопросов вместо нулей за неоценённый материал — радует внимание даже к таким мелочам и ссылка на управление плагинами в футере.
avatar
у меня на сайте не работает тег del, когда вручную исправляю на s то текст зачеркивается. какой файл нужно отредактировать чтобы в редактор ставил обычные теги?
avatar
поправил, файл js/libs/markitup/sets/default/set.js
avatar
Не работают опросы, не хочет голосовать, а проект нужно сделать используя jQuery. Что посоветуете?
комментарий был удален
avatar
вот такие ошибки выскакивают в блогах

Fatal error: Call to a member function isAdministrator() on a non-object in /home/site/public_html/templates/compiled/developer-jquery/%%21^21D^21D21174%%blog.tpl.php on line 15

что это может быть?
avatar
кеш чистил и с админки и руками
avatar
что интересно — проблемма возникает только если пользователь незалогинен. Если авторизация пройдена — то все отображается нормально
avatar
в других шаблонах все ок, ситуация актуально только для Developer JQuery
avatar
баг исправил, шаблон сегодня обновлю
avatar
спасибо большое!
avatar
видимо шаблон еще не прошел модерацию. Можете его куда-нибудь выложить для скачивания?
avatar
обновил шаблон, исправлен баг с голосованием и блогами
avatar
спасибо!
avatar
Как исправить баг вручную? А то я уже начал переверстывать шаблон =(
avatar
Исправил заменой файла \actions\ActionBlog\blog.tpl
avatar
Как заменить MarkItUp! на tinymce ??? Спасибо.
  • Nix
  • 0
  • ↓
avatar
Предпросмотр кстати тоже не работает. Скачал шаблон только что, из каталога.
  • Nix
  • 0
  • ↓
avatar
Пред просмотр работает! )))
avatar
При вставке видео его нет в предпросмотре. Немного неудобно. Хочется видеть как всё будет выглядеть после сохранения.
avatar
Только что обратил внимание. На страничке Вступить/Покинуть Блогов нет кнопок для вступления или выхода из участия в блоге.
  • Nix
  • 0
  • ↓
avatar
Вы случайно смотрели не от создателя блогов?
avatar
Вообще то Да Извините!!! Как то не обратил внимание.

А ещё вопрос про совместимость с этим плагином — «Виджет для комментариев ВКонтакте и Facebook»

Сам плагин работает, не срабатывают только табы в этом шаблоне. т.е. вместо вывода в отдельные табы все коменты выводятся на одной страничке.
avatar
Подключить редактор к комментам не долго:
Пишем сет кнопок для редактора в комментариях, для этого открываем ..\js\libs\markitup\sets\default\set.js и дописываем следующее:
commentsSettings = {	
	onShiftEnter:  	{keepDefault:false, replaceWith:'<br />\n'},
	onCtrlEnter:  	{keepDefault:false, openWith:'\n<p>', closeWith:'</p>'},
	onTab:    		{keepDefault:false, replaceWith:'    '},
	previewParserPath: DIR_WEB_ROOT+'/include/ajax/textPreview.php',
	previewParserVar: 'text',
	markupSet:  [ 	
		{name:'Жирный', className:'editor-bold', key:'B', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },
		{name:'Наклонный', className:'editor-italic', key:'I', openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)'  },
		{name:'Перечеркнутый', className:'editor-stroke', key:'S', openWith:'<s>', closeWith:'</s>' },
		{name:'Подчеркнутый', className:'editor-underline', key:'U', openWith:'<u>', closeWith:'</u>' },
		{separator:'---------------' },
		{name:'Цитата', className:'editor-quote', key:'Q', openWith:'<blockquote>', closeWith:'</blockquote>' },
		{name:'Код', className:'editor-code', openWith:'<code>', closeWith:'
' },
{separator:'---------------' },
{name:'Изображение', className:'editor-picture', key:'P', beforeInsert: function(h) { $('#form_upload_img').jqmShow(); } },
{name:'Ссылка', className:'editor-link', key:'L', openWith:'<a href="[![Link:!:http://]!]"(!( title="[![Title]!]")!)>', closeWith:'', placeHolder:'Your text to link...' },
{separator:'---------------' },
{name:'Предпросмотр', className:'editor-preview', call:'preview'}
]
} думаю такого набора достаточно для комментов.
Далее, открываем comment_tree.tpl и добавляем в самый низ (если нужно разрешить грузить картинки)
{include file='window_load_img.tpl' sToLoad='topic_text'}

можно еще убрать строчку предосмотра дабы не дублировалось:
<input type="button" value="{$aLang.comment_preview}" onclick="comments.preview();" />

Остается только подключить редактор, в ../js/main.js находим строчку
// Подключаем редактор
    $('#topic_text').markItUp(mySettings);

и под ней дописываем
$('#form_comment_text').markItUp(commentsSettings);

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