Редактирование выделенных элементов
Продолжаю свои улучшалки. Прошлый мой эксперимент оказался тупиковым. На что-то серьезное времени нет, поэтому маюсь всякой всячиной. Сегодня вот придумалось мне сделать редактирование тегов чанков и сниппетов в ресурсах, шаблонах и других чанках по аналогии с phpStorm (насколько это возможно). Например, в ресурсе выделяем тег [[$chunk]] и нажимаем Ctrl+Enter. В результате открывается немного измененное окно быстрого редактирования этого чанка. То же и со сниппетами.
В случае, если чанка или сниппета с таким именем нет, то выводится окно с предложением его создания.
Чтобы перейти на страницу редактирования чанка или сниппета, нужно нажать Ctrl+Shift+Enter.
Работает и с Ace и без. Другие редакторы не пробовал.
Возможность создания новых элементов можно использовать, например, при создания шаблона. Т.е. создаем шаблон, формируем структуру с чанками и сниппетами. Например, так
Проект на Github.
Update. Версия 1.0.5.
В этой версии появилась возможность парсить чанки и сниппеты используя сочетание клавиш Alt+Enter. Результат парсинга сниппетов может быть непредсказуемым, потому что они могут грузить скрипты, которые негативно повлияют на админку. Поэтому рекомендую парсить только несложные сниппеты. Из-за такой опасности изначально эта возможность отключена. Чтобы ее включить, разкомментируйте блок parseElement в tagelementplugin.js скрипте.
Также добавлена проверка изменений формы элемента как в ресурсах. Если изменения были, то при переходе на другую страницу появится предупреждение. Отключается это системной настройкой confirm_navigation.
Продолжение.
Полная документация.
В случае, если чанка или сниппета с таким именем нет, то выводится окно с предложением его создания.
Чтобы перейти на страницу редактирования чанка или сниппета, нужно нажать Ctrl+Shift+Enter.
Принцип действия
Если первый символ в выделенном фрагменте — это знак доллара ($), то ищется чанк. В противном случае, ищется сниппет. Можно выделить любое слово или несколько слов и таким образом создать нужный элемент.Работает и с Ace и без. Другие редакторы не пробовал.
Возможность создания новых элементов можно использовать, например, при создания шаблона. Т.е. создаем шаблон, формируем структуру с чанками и сниппетами. Например, так
<!DOCTYPE html>
<html lang="ru">
<head>
[[$head]]
</head>
<body>
// Шапка страницы
[[$header]]
// Меню
[[$main_menu]]
// Галерея
[[$gallery]]
// Содержание ресурса
[[$content]]
// Подвал страницы
[[$footer]]
</div>
</body>
</html>Проект на Github.
Update. Версия 1.0.5.
В этой версии появилась возможность парсить чанки и сниппеты используя сочетание клавиш Alt+Enter. Результат парсинга сниппетов может быть непредсказуемым, потому что они могут грузить скрипты, которые негативно повлияют на админку. Поэтому рекомендую парсить только несложные сниппеты. Из-за такой опасности изначально эта возможность отключена. Чтобы ее включить, разкомментируйте блок parseElement в tagelementplugin.js скрипте.
Также добавлена проверка изменений формы элемента как в ресурсах. Если изменения были, то при переходе на другую страницу появится предупреждение. Отключается это системной настройкой confirm_navigation.
Продолжение.
Полная документация.
07 октября 2015, 17:15
Поблагодарить автора
Отправить деньги
Комментарии: 69
Идея отличная, мне кажется стоит объединить с modx.pro/components/4058-moddevtools-version-1-0-0-pl-rights-and-resources/
чтобы в целом более универсальный пакет для разработчика получился.
чтобы в целом более универсальный пакет для разработчика получился.
Классная возможность! Сергей — ты изобретатель!
Было бы действительно здорово добавить этот функционал в modDevTools modx.pro/components/4349-moddevtools-version-1-1-0-pl-virtual-chunks/, а то он похоже завис на этой версии (1.1.0-pl) и дальше не развивается.
Было бы действительно здорово добавить этот функционал в modDevTools modx.pro/components/4349-moddevtools-version-1-1-0-pl-virtual-chunks/, а то он похоже завис на этой версии (1.1.0-pl) и дальше не развивается.
В первом случае никаких проблем, а во втором это и становится твоим продуктом — форк с изменениями.
Оригинальная версия остаётся там где есть, а ты пилишь свою. Конечная цель в том, что пользователям не нужно будет ставить одновременно два похожих дополнения.
Оригинальная версия остаётся там где есть, а ты пилишь свою. Конечная цель в том, что пользователям не нужно будет ставить одновременно два похожих дополнения.
Не представляю, как у тебя на все хватает времени.Да как-то не задумывался даже, само так получается.
Уже. Понять не мог, почему он писал, чтобы я придумал другое имя. Даже Джону написал, что за робот у них там такой привередливый. :)
В логах чисто. В консоли при загрузке шаблона появляется следующее:
GET salonria.ru/assets/components/tagElementPlugin/js/mgr/dialogs.js
salonria.ru/:150 GET salonria.ru/assets/components/tagElementPlugin/js/mgr/tagelementplugin.js
tag_assistant.js:115 GET salonria.ru/assets/components/tagElementPlugin/js/mgr/tagelementplugin.js 404 (Not Found)fg @ tag_assistant.js:115(anonymous function) @ tag_assistant.js:116Array.forEach.d @ tag_assistant.js:8ag.Ja @ tag_assistant.js:116yl @ tag_assistant.js:314target.(anonymous function) @ extensions::SafeBuiltins:19EventImpl.dispatchToListener @ extensions::event_bindings:387target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94EventImpl.dispatch_ @ extensions::event_bindings:371EventImpl.dispatch @ extensions::event_bindings:393target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94messageListener @ extensions::messaging:179target.(anonymous function) @ extensions::SafeBuiltins:19EventImpl.dispatchToListener @ extensions::event_bindings:387target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94EventImpl.dispatch_ @ extensions::event_bindings:371EventImpl.dispatch @ extensions::event_bindings:393target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94dispatchOnMessage @ extensions::messaging:310
tag_assistant.js:115 GET salonria.ru/assets/components/tagElementPlugin/js/mgr/dialogs.js 404 (Not Found)
GET salonria.ru/assets/components/tagElementPlugin/js/mgr/dialogs.js
salonria.ru/:150 GET salonria.ru/assets/components/tagElementPlugin/js/mgr/tagelementplugin.js
tag_assistant.js:115 GET salonria.ru/assets/components/tagElementPlugin/js/mgr/tagelementplugin.js 404 (Not Found)fg @ tag_assistant.js:115(anonymous function) @ tag_assistant.js:116Array.forEach.d @ tag_assistant.js:8ag.Ja @ tag_assistant.js:116yl @ tag_assistant.js:314target.(anonymous function) @ extensions::SafeBuiltins:19EventImpl.dispatchToListener @ extensions::event_bindings:387target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94EventImpl.dispatch_ @ extensions::event_bindings:371EventImpl.dispatch @ extensions::event_bindings:393target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94messageListener @ extensions::messaging:179target.(anonymous function) @ extensions::SafeBuiltins:19EventImpl.dispatchToListener @ extensions::event_bindings:387target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94EventImpl.dispatch_ @ extensions::event_bindings:371EventImpl.dispatch @ extensions::event_bindings:393target.(anonymous function) @ extensions::SafeBuiltins:19$Array.forEach.publicClass.(anonymous function) @ extensions::utils:94dispatchOnMessage @ extensions::messaging:310
tag_assistant.js:115 GET salonria.ru/assets/components/tagElementPlugin/js/mgr/dialogs.js 404 (Not Found)
Плагин включен. В исходном коде подключение скрипта есть
<script src="/assets/components/tagElementPlugin/js/mgr/tagelementplugin.js" type="text/javascript"></script>
Виталий нашел причину. Пропустил этот момент. В плагине нужно исправить пути в двух местах.
Спасибо большое, Сергей! Очень интересный хук! Есть вопрос и просьба.
Вопрос: Планируется ли научить его понимать Феномовский синтаксис? Чанки: {include 'chunk'}, {insert 'chunk'}, getChunk('chunk'), и сниппеты: runSnippet('snippet')?
Просьба: Если будете совмещать это с modDevTools, то очень прошу сделать возможность в настройках отключить встроенное в modDevTools автосоздание чанков. Это жутко напрягало при разработке, также насколько я помню, он помимо названий чанков из параметров tpl и т.п. дёргал и названия из параметров sort и т.п., то бишь автоматом создавались чанки вроде DESC, ASC и т.д. Это ещё больше напрягало, чем первое, приходилось удалять компонент из-за этого.
Вопрос: Планируется ли научить его понимать Феномовский синтаксис? Чанки: {include 'chunk'}, {insert 'chunk'}, getChunk('chunk'), и сниппеты: runSnippet('snippet')?
Просьба: Если будете совмещать это с modDevTools, то очень прошу сделать возможность в настройках отключить встроенное в modDevTools автосоздание чанков. Это жутко напрягало при разработке, также насколько я помню, он помимо названий чанков из параметров tpl и т.п. дёргал и названия из параметров sort и т.п., то бишь автоматом создавались чанки вроде DESC, ASC и т.д. Это ещё больше напрягало, чем первое, приходилось удалять компонент из-за этого.
Вопрос: Планируется ли научить его понимать Феномовский синтаксис? Чанки: {include 'chunk'}, {insert 'chunk'}, getChunk('chunk'), и сниппеты: runSnippet('snippet')?Это же не парсер. Для того, чтобы открыть сниппет, выделите слово snippet в вашем выражении runSnippet('snippet') и нажмите Ctrl+Enter. Чтобы открыть чанк, нужно добавить знак доллара в перед именем chunk в {include 'chunk'}. Главное, потом не забыть его убрать.
Если будете совмещать это с modDevToolsПочему все просят об этом меня. У меня нет ни времени ни желания разбираться с modDevTools. Я им не пользуюсь. Просите автора. Или сами попробуйте совместить, все исходники открыты.
Почему все просят об этом меня. У меня нет ни времени ни желания разбираться с modDevTools. Я им не пользуюсь. Просите автора. Или сами попробуйте совместить, все исходники открыты.Возможно покажусь сумашедшим, но я бы попросил вообще не совмещать его с modDevTools, т.к. хоть убейте меня, но я не смог по достоинству оценить его возможности. Из недостатков я уже назвал 2 причины, почему мне пришлось безжалостно избавиться от него на всех своих (и не своих) сайтах. Но ведь моя просьба, я подумал, ничего бы не значила, раз столько желающих собралось. Поэтому высказал просьбу несколько иного характера. :)
Предложение: Удобная штука, но хотелось бы что бы она при создании нового чанка или сниппета, в качестве имени брала текст из выделения, на данный момент так — написал в шаблоне, например чанк [[$my_new_chunk_for_new_headersiteTpl]], выделил всё, нажал волшебное сочетание клавиш, а в появившемся всплывающем окне пустая карточка чанка, было бы логичнее если поле имя нового чанка уже было заполнено текстом из выделения, иначе дважды приходится писать имя. И второй момент, при полном переходе к созданию нового чанка или сниппета, если забыл сохранить шаблон в котором работал, все изменения умрут, было бы логичнее сначала сохранять объект из которого будет осуществлён переход.
хотелось бы что бы она при создании нового чанка или сниппета, в качестве имени брала текст из выделенияТак и было в первой версии. Поломалось в процессе. Исправлю в следующей версии. Причем сейчас можно выделить даже сложный тег целиком, например такой [[!mySnippet? ¶m=`1`]]. В новом окне имя сниппета будет указано правильное (mySnippet).
Была мысль создавать сниппет сразу с уже указанными параметрами, но я не знаю как это сделать без глобальных доработок. Оставил на будущее.
И второй момент, при полном переходе к созданию нового чанка или сниппета, если забыл сохранить шаблон в котором работал, все изменения умрут, было бы логичнее сначала сохранять объект из которого будет осуществлён переход.Ну так работает стандартный механизм MODX. Попробуйте при создании любого элемента кликнуть на ресурс или другой элемент. Перейдет не предупреждая, без сохранения.
В принципе, можно подумать о хуке предупреждения, но тут есть сложности — вы можете наоткрывать кучу окон с чанками и сниппетами. Тогда при переходе их тоже нужно сохранять.
По вопросу сохранения изменений…
Не знаю почему, но авторы MODX сделали проверку изменений только у ресурсов, за которую отвечает системный параметр confirm_navigation (Подтверждать переход с несохраненными изменениями). А у элементов почему-то решили не делать. Я добавил такую проверку и также завязал ее на настройку confirm_navigation. Все это в новой версии.
Не знаю почему, но авторы MODX сделали проверку изменений только у ресурсов, за которую отвечает системный параметр confirm_navigation (Подтверждать переход с несохраненными изменениями). А у элементов почему-то решили не делать. Я добавил такую проверку и также завязал ее на настройку confirm_navigation. Все это в новой версии.
В новой версии 1.0.5 — добавил возможность парсить сниппеты и чанки (не редактировать, а именно парсить). Это может быть немного опасно, так как сниппеты могут грузить скрипты, которые могут поломать админку. Поэтому изначально эта возможность закомментирована. Но если сниппеты несложные — просто вывод информации, то почему бы и не посмотреть, что он выводит с разными параметрами. Такой маленький тест.
С чанками опасности поломать админку нет (если в них нет вызова сниппетов), но обычно они завязаны на css, которого в админке нет, поэтому отображение может быть кривым. Но опять же, почему бы и нет.
Для этого действия есть свое сочетание клавиш Alt+Enter.
С чанками опасности поломать админку нет (если в них нет вызова сниппетов), но обычно они завязаны на css, которого в админке нет, поэтому отображение может быть кривым. Но опять же, почему бы и нет.
Для этого действия есть свое сочетание клавиш Alt+Enter.
Точно так же как это делается в чанках, через Ctrl+Enter.
Обычно на феноме я добавляю $ перед названием чанка и он тоже открывается. По такому же принципу я вижу это и в сниппетах.
И в ресурсах было бы неплохо, там где код, а не визуальный редактор.
Если это конечно не слишком сложно…
Обычно на феноме я добавляю $ перед названием чанка и он тоже открывается. По такому же принципу я вижу это и в сниппетах.
И в ресурсах было бы неплохо, там где код, а не визуальный редактор.
Если это конечно не слишком сложно…
Ну если не нужно автоматически определять объект, а просто сделать, чтобы tagElementPlugin вызывался и в сниппетах, то это не сложно. Просто нужно добавить в плагин еще один case
case 'OnSnipFormPrerender':
$field = 'modx-snippet-snippet';
$panel = 'modx-snippet-panel';
break;
Отлично, то что нужно!
Сможешь добавить это в следующую версию компонента? Вроде не будет мешать это никому, и мне не хочется на всех своих сайтах лазить в плагин для добавления вышеприведённого кода…
А проресурсы я был не прав, сейчас проверил и всё работает, извини. Вчера тоже был в разъездах и спал всего 4 часа. Соображаю туго )))
Сможешь добавить это в следующую версию компонента? Вроде не будет мешать это никому, и мне не хочется на всех своих сайтах лазить в плагин для добавления вышеприведённого кода…
А про
Привет всем. Подскажите, что я делаю не так? Установил MODX Revolution 2.5.7-pl, поставил плагин tagElementPlugin.
Ни одно из сочетаний клавиш не выполняется. Например, выделяю название чанка с символом $, жму Ctrl+Enter, тишина. Так же и с остальными сочетаниями клавиш.
Ошибок при установке не было, в системных настройках все значения сочетаний прописаны.
Возможно ли, что проблема совместимости с версией MODX? Устанавливал последнюю версию с офф. сайта.
Переустанавливать плагин пробовал, ничего не изменилось.
Ни одно из сочетаний клавиш не выполняется. Например, выделяю название чанка с символом $, жму Ctrl+Enter, тишина. Так же и с остальными сочетаниями клавиш.
Ошибок при установке не было, в системных настройках все значения сочетаний прописаны.
Возможно ли, что проблема совместимости с версией MODX? Устанавливал последнюю версию с офф. сайта.
Переустанавливать плагин пробовал, ничего не изменилось.
Поэкспериментируйте с системными настройками, отвечающими за сочетание клавиш. Документация в помощь. Как видите, там нет клавиши CMD.
Привет.
было бы удобно если бы можно было бы допилить плагин, если бы он еще открывал вот такие вот конструкции prntscr.com/luhm3i программист делает все на файлах (работает с гит хабом) и искать их не очень удобно и было бы круто, если бы можно было открывать это дело в новом. окне, где подгружается редактор ace
было бы удобно если бы можно было бы допилить плагин, если бы он еще открывал вот такие вот конструкции prntscr.com/luhm3i программист делает все на файлах (работает с гит хабом) и искать их не очень удобно и было бы круто, если бы можно было открывать это дело в новом. окне, где подгружается редактор ace
Всем ли нужна такая фича проверить очень легко. Насобираете 2000 руб., сей диковине быть.
П.С. Лично я ставить бы на это не стал.
П.С. Лично я ставить бы на это не стал.
Всем или нет, не знаю.
Это предложение по улучшению, еще одно могу предложить.
не удобно искать tpl в снипетах, было бы тоже удобно, чтобы выделил название tpl и нажал комбинацию клавиш, открылся чанк. Пример: prntscr.com/lxsgmw
А делать или нет, решать вам)
Это предложение по улучшению, еще одно могу предложить.
не удобно искать tpl в снипетах, было бы тоже удобно, чтобы выделил название tpl и нажал комбинацию клавиш, открылся чанк. Пример: prntscr.com/lxsgmw
А делать или нет, решать вам)
Предложение по улучшению, которое больше никому не нужно.
Я много дополнений сделал для разработчиков. Надеюсь, заслужил их благодарность. Сейчас я делаю доработки, которые нужны мне, и критичные исправления. Ну иногда ещё спонсируют.
Исходники моих дополнений открыты. Так что все желающие добавить новый функционал могут это сделать беспрепятственно и бесплатно.
А что касается второго предложения — читаем документацию или гуглим.
Я много дополнений сделал для разработчиков. Надеюсь, заслужил их благодарность. Сейчас я делаю доработки, которые нужны мне, и критичные исправления. Ну иногда ещё спонсируют.
Исходники моих дополнений открыты. Так что все желающие добавить новый функционал могут это сделать беспрепятственно и бесплатно.
А что касается второго предложения — читаем документацию или гуглим.
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Здесь упомянуты:
| Компонент | Текущая версия | Закачки |
| Ace | 1.9.4-pl от 23.02.2024 | 14 716 |
| tagElementPlugin | 1.3.1-pl от 29.03.2019 | 3 271 |
| modDevTools | 1.2.1-pl от 27.02.2016 | 3 112 |
| BannerY | 1.4.1-pl от 16.04.2019 | 2 753 |
| MinifyX | 1.7.1-pl от 25.03.2019 | 14 300 |
Вчера в 08:53
если правильно понял то так
{set $rows = json_decode($_modx->resource.constructor_block, true)}
{foreach $r...
