Zen coding — пишем HTML/CSS быстрее
Zen coding — пишем HTML/CSS быстрее
Фаром пользуюсь очень давно. И его текстовым редактором не в последнюю очередь.
Часто для работы со всевозможными исходными текстами программ.
Еще чаще для правки HTML или CSS «на ходу».
Для серьезных текстовых редакторов есть такая замечательная вещь как ZenCoding
Для тех, кто не в курсе, это механизм быстрого набора html и css кода (да и в принципе любого структурированного текста).
Подробнее можно прочитать тут:
http://habrahabr.ru/post/76069/
http://habrahabr.ru/post/115387/
http://habrahabr.ru/sandbox/47691/
Проверить в работе (он-лайн) эту «штуку» можно здесь: http://zen-coding.ru/codemirror/
Сам проект живет на ГитХабе: https://github.com/sergeche/zen-coding
Вот если бы кто-то взялся сделать обертку-плагин для Far...
Часто для работы со всевозможными исходными текстами программ.
Еще чаще для правки HTML или CSS «на ходу».
Для серьезных текстовых редакторов есть такая замечательная вещь как ZenCoding
Для тех, кто не в курсе, это механизм быстрого набора html и css кода (да и в принципе любого структурированного текста).
Подробнее можно прочитать тут:
http://habrahabr.ru/post/76069/
http://habrahabr.ru/post/115387/
http://habrahabr.ru/sandbox/47691/
Проверить в работе (он-лайн) эту «штуку» можно здесь: http://zen-coding.ru/codemirror/
Сам проект живет на ГитХабе: https://github.com/sergeche/zen-coding
Вот если бы кто-то взялся сделать обертку-плагин для Far...
-
- Posts: 3651
- Joined: Wed 23 Nov, 2005 11:11
- Location: Москва-Питер
- Has thanked: 2 times
- Been thanked: 19 times
- John Doe
- Бюрократ
- Posts: 13855
- Joined: Wed 27 Apr, 2005 20:42
- Has thanked: 73 times
- Been thanked: 428 times
- Contact:
Re: «Must have» для текстового редактора
А мне понравилось.
Если TrueTemplate такое умеет это здорово, кто бы ещё поделился конфигами для такого...
Если TrueTemplate такое умеет это здорово, кто бы ещё поделился конфигами для такого...
-
- Posts: 1515
- Joined: Wed 16 Mar, 2005 06:26
- Location: Новосибирск
- Been thanked: 1 time
- Contact:
Re: «Must have» для текстового редактора
Тру-темплейт такого не умеет.
Можно сделать нечто вроде, но это именно нечто. Ибо в ZC есть циклы и условия, к примеру для него легко создать правило, обрабатывающее строки наподобии ul > li+li.test+li, а вот сделать аналогичное для TT — практически невозможно.
Вообще, я изучал этот вопрос, теоретически к фару можно прикрутить stand-alone zen-coding парсер, то есть передавать строку туда, и заменять её на вывод. Но лично у меня дальше теории дело не пошло, за недостатком времени…
Можно сделать нечто вроде, но это именно нечто. Ибо в ZC есть циклы и условия, к примеру для него легко создать правило, обрабатывающее строки наподобии ul > li+li.test+li, а вот сделать аналогичное для TT — практически невозможно.
Вообще, я изучал этот вопрос, теоретически к фару можно прикрутить stand-alone zen-coding парсер, то есть передавать строку туда, и заменять её на вывод. Но лично у меня дальше теории дело не пошло, за недостатком времени…
Ты мне не выкай!
«ФарФорум не для пользователей!»
Upd:
P.S. Я просто поддерживаю беседу.» © Народ.
xmpp:kildor@jabber.ru
«ФарФорум не для пользователей!»
Upd:
P.S. Я просто поддерживаю беседу.» © Народ.
xmpp:kildor@jabber.ru
- John Doe
- Бюрократ
- Posts: 13855
- Joined: Wed 27 Apr, 2005 20:42
- Has thanked: 73 times
- Been thanked: 428 times
- Contact:
Re: «Must have» для текстового редактора
Если сам парсер существует, то передать/заменить это уже дело техники.
Re: «Must have» для текстового редактора
На сколько я понял глянув в исходники - оно полностью на JS.
Тем же есть пример враппера для питона.
А есть вариант плагина для «Notepad++», [как я понял] он как раз реализован как вызов JS файлов через WHS (Windows Scripting Host).
Тем же есть пример враппера для питона.
А есть вариант плагина для «Notepad++», [как я понял] он как раз реализован как вызов JS файлов через WHS (Windows Scripting Host).
Re: «Must have» для текстового редактора
В догонку, если кому будет интересно - вот тут статья про этот самый плагин для Notepad++: http://habrahabr.ru/post/86626/ (возможно подход можно взять на вооружение).
- John Doe
- Бюрократ
- Posts: 13855
- Joined: Wed 27 Apr, 2005 20:42
- Has thanked: 73 times
- Been thanked: 428 times
- Contact:
Zen coding — пишем HTML/CSS быстрее
Набрёл на форк Zen Coding: https://github.com/rstacruz/sparkup
Написан на питоне, работает из командной строки.
А значит добавить базовую поддержку редактор фара должно быть элементарно.
P.S.
А сам Zen Coding давно уже переименовали в Emmet.
- John Doe
- Бюрократ
- Posts: 13855
- Joined: Wed 27 Apr, 2005 20:42
- Has thanked: 73 times
- Been thanked: 428 times
- Contact:
Zen coding — пишем HTML/CSS быстрее
Собственно вот.
Рядом с файлом макроса надо положить sparkup.py
Требуется python 2/3, путь к python.exe можно настроить.
Вызывается в редакторе *.html, сочетанием CtrlE, или из меню плагинов.
Примеры использования тут: https://github.com/rstacruz/sparkup/#us ... t-examples
Опции можно изменить прямо в начале скрипта, но лучше воспользоваться возможностями cfgscript.
P.S.
Что изменить что использовать emmet: viewtopic.php?p=154962#p154962
- Attachments
-
- sparkup.lua
- 0.1.1
- (3.25 KiB) Downloaded 525 times
Last edited by John Doe on Fri 02 Jun, 2017 07:05, edited 1 time in total.
- bigvax
- Posts: 28
- Joined: Fri 02 Jun, 2006 17:18
- Location: где-то во времени
- Has thanked: 3 times
- Been thanked: 1 time
- Contact:
Zen coding — пишем HTML/CSS быстрее
Для тех, кто по какой-то причине, не хочет или не может установить на компе python, я скомпилил этот sparkup.py в .exe для Windows x64, посредством тулзы py2exe.John Doe wrote:
Собственно вот.
Рядом с файлом макроса надо положить sparkup.py
Требуется python 2/3, путь к python.exe можно настроить.
В результате получилось 2 файла: sparkup.exe и python27.dll - общим размером: 4 087 448 байт.
А в файле sparkup.lua сделал небольшие изменения:
- в блоке: options {} заменил переменные python и sparkup_py на переменную:
Code: Select all
sparkup_exe = [[путь_к_папке\sparkup.exe]]
Code: Select all
local cmdline = (O.python or "python").." "..(O.sparkup_py or path.."sparkup.py").." "..(O.options or "")
Code: Select all
local cmdline = (O.sparkup_exe).." "..(O.options or "")
Last edited by bigvax on Sat 22 Apr, 2017 05:39, edited 1 time in total.
Всегда виртуально Ваш, BigVax
- John Doe
- Бюрократ
- Posts: 13855
- Joined: Wed 27 Apr, 2005 20:42
- Has thanked: 73 times
- Been thanked: 428 times
- Contact:
Zen coding — пишем HTML/CSS быстрее
Небольшое уточнение: python можно распаковать не устанавливая, в произвольную папку. Он портабельный.
- bigvax
- Posts: 28
- Joined: Fri 02 Jun, 2006 17:18
- Location: где-то во времени
- Has thanked: 3 times
- Been thanked: 1 time
- Contact:
Zen coding — пишем HTML/CSS быстрее
Я знаю
Просто столкнулся с ситуацией, когда надо было на чужой машинке по быстрому поправить веб-страничку, при этом канал был дохлый (на предмет закачки полного питона), а хозяин по каким-то своим трансцендентально-идеалогическим соображениям не хотел иметь python на этой машине...
Ну и сваял это странное поделие на скорую руку, на один-два раза...
А потом подумал - а вдруг еще кому-то понадобится...
Кстати, John Doe - большое спасибо за тулзу - реально сильно помогает!!!
Last edited by bigvax on Sat 22 Apr, 2017 15:32, edited 2 times in total.
Всегда виртуально Ваш, BigVax
Zen coding — пишем HTML/CSS быстрее
Emmet в Фаре это супер!John Doe wrote: ↑Sat 01 Oct, 2016 19:37 Рядом с файлом макроса надо положить sparkup.py
Требуется python 2/3, путь к python.exe можно настроить.
Вызывается в редакторе *.html, сочетанием CtrlE, или из меню плагинов.
...
Но у меня не пошло..
1. положил
sparkup.lua
и sparkup.py
в папку "C:\Users\asus\AppData\Roaming\Far Manager\Profile\Macros\scripts"
2. установил питон и прописал к нему пути (по команде
python
вызывается из любой папки)3. перезапустил Far
Далее открываю HTML файл, пишу в нем
ul.my-list>li*3
и жму <Ctrl + E>
в ответ:
Code: Select all
╔════════════════════════════════════════════ Sparkup ═════════════════════════════════════════════╗
║ python: can't open file 'C:\Users\asus\AppData\Roaming\Far': [Errno 2] No such file or directory ║
║ ║
╟──────────────────────────────────────────────────────────────────────────────────────────────────╢
║ { OK } ║
╚══════════════════════════════════════════════════════════════════════════════════════════════════╝