Скрипт - перетаскивай картинки из своей папки сразу на Табун! [UPD: версия 0.1.5], обновиться нужно вручную
Обновиться до версии 1.5 можно по этой ссылке (в дальнейшем обновления будут автоматические)
Что нового:
Добавлена поддержка firefox
Теперь при зажатом alt будет вводиться не название файла, а просто пробел.
Исправлена ссылка для автоматического скачивания обновлений
По (не)многочисленным просьбам:
Скачать скрипт (для установки потребуется расширение Greasemonkey для Firefox или Tampermonkey для Chrome)
Есть возможность загружать много картинок, при этом используя разные доп. фичи, за подробностями — под кат
По умолчанию, если вы просто перетащите картинки в поле ввода, они все спрячутся под один спойлер, название которого вас попросят ввести:
default
___________
Помимо этого, в момент перетаскивания, вы можете воспользоваться полезными хоткеями:
Shift: зажав эту клавишу, каждая картинка будет под своим спойлером. Название каждого спойлера нужно будет ввести вам самим, при этом для удобства вам покажут название текущей картинки, и саму картинку:
Shift
___________
Ctrl: В спойлере, помимо заголовка, так-же будут маленькие превьюшки. Если вы хотите, чтобы были только превью, то просто нажмите enter, когда попросят ввести название спойлера:
Ctrl
___________
Alt: Очень удобная клавиша, если ваши файлы уже имеют достойные имена. Зажав alt, спойлер создается автоматически, используя имена файлов:
Alt
А теперь самое главное: все клавиши можно сочетать друг с другом, получая суммарный эффект. То есть:
Shift + Alt: у каждой картинки будет свой спойлер, при этом имя спойлера будет совпадать с именем файла. Вам ничего вводить не надо
Shift + Ctrl: У каждой картинки свой спойлер, и к каждой из них будет представлена превьюшка. Если вы хотите, чтобы были только превьюшки, просто нажмите несколько раз enter.
Alt + Ctrl: Автоматически создаются превьюшки и названия файлов в одном спойлере
Alt + Ctrl + Shift: это вы можете увидеть в шапке поста :)
Примечание: каждая ОС реагирует по-разному на зажатые клавишы перед перетаскиванием. Советую зажимать клавиши после зажатия ЛКМ, а не перед. Самое главное, чтобы клавиши были зажаты в момент отпускания ЛКМ.
Что нового:
Добавлена поддержка firefox
Теперь при зажатом alt будет вводиться не название файла, а просто пробел.
Исправлена ссылка для автоматического скачивания обновлений
По (не)многочисленным просьбам:
Скачать скрипт (для установки потребуется расширение Greasemonkey для Firefox или Tampermonkey для Chrome)
Есть возможность загружать много картинок, при этом используя разные доп. фичи, за подробностями — под кат
По умолчанию, если вы просто перетащите картинки в поле ввода, они все спрячутся под один спойлер, название которого вас попросят ввести:
default
___________
Помимо этого, в момент перетаскивания, вы можете воспользоваться полезными хоткеями:
Shift: зажав эту клавишу, каждая картинка будет под своим спойлером. Название каждого спойлера нужно будет ввести вам самим, при этом для удобства вам покажут название текущей картинки, и саму картинку:
Shift
___________
Ctrl: В спойлере, помимо заголовка, так-же будут маленькие превьюшки. Если вы хотите, чтобы были только превью, то просто нажмите enter, когда попросят ввести название спойлера:
Ctrl
___________
Alt: Очень удобная клавиша, если ваши файлы уже имеют достойные имена. Зажав alt, спойлер создается автоматически, используя имена файлов:
Alt
А теперь самое главное: все клавиши можно сочетать друг с другом, получая суммарный эффект. То есть:
Shift + Alt: у каждой картинки будет свой спойлер, при этом имя спойлера будет совпадать с именем файла. Вам ничего вводить не надо
Shift + Ctrl: У каждой картинки свой спойлер, и к каждой из них будет представлена превьюшка. Если вы хотите, чтобы были только превьюшки, просто нажмите несколько раз enter.
Alt + Ctrl: Автоматически создаются превьюшки и названия файлов в одном спойлере
Alt + Ctrl + Shift: это вы можете увидеть в шапке поста :)
Примечание: каждая ОС реагирует по-разному на зажатые клавишы перед перетаскиванием. Советую зажимать клавиши после зажатия ЛКМ, а не перед. Самое главное, чтобы клавиши были зажаты в момент отпускания ЛКМ.
70 комментариев
На создание коммента ушла 1 секунда жизни :)
орфографиипростенькой функции, которая давно гуляет по всему интернетуСпойлер
let forms = Arrаy.prototype.slice.cаll(ev.dаtаTrаnsfer.files).mаp(аsync (file) => {Не совсем понятен выбор Arrаy.prototype.slice.cаll(), когда есть значительно более короткий Arrаy.from(). Использование аsync/аwаit все равно дропает поддержку браузеров, на которых from() не работает.
Есть риск словить rаte-limit при большом количестве файлов
аutoNаmeSpoilers && !sepаrаteSpoilers ? spoilerNаme += nаmes.toString().split(',').join(" ") : !sepаrаteSpoilers ? spoilerNаme += prompt("Введите название спойлера") : '';Нарежь спагетти. И что касается всего кода, разбей его на функции. Некоторые атомарные задачи вложены очень глубоко, что негативно влияет на возможность его прочесть.
И сама идея превращать массив в строку, чтобы немедленно разбить его обратно… серьезно?
const wide = document.getElementById("widemode");Странная привязка к этой плашке справа внизу. Судя по всему, это какой-то временный наполнитель, может быть стоило просто использовать невидимый элемент? Ты рискуешь так сломать вообще все скрипты, которые что-то там делают (а они существуют).
аwаit new Promise(function (resolve, reject) { wide.children[0].onloаd = () => { setTimeout(() => { // некоторые браузеры оставляют белый экран даже после onloаd imаgeTemplаte += prompt(`Введите название спойлера для ${nаmes[currentTemplаte]}`); resolve(); }, 100); } });prompt() — синхронная функция, а результат ее в контексте кода не зависит от того, что ты загружаешь. То есть вообще вся эта куча кода заменяется одним единственным вызовом самого prompt где-то раньше.
Мне иногда тоже лень писать нормально условия, но превращать код в выхлоп минификатора не стоит.
let textPlаce = document.getElementById("form_comment_text"); let topicPlаce; if (!textPlаce) { textPlаce = document.getElementById("topic_text"); topicPlаce = document.getElementById("topic_title"); }Сокращается до
const textPlаce = document.getElementById("form_comment_text") || document.getElementById("topic_text"); const topicPlаce = document.getElementById("topic_title");Копипасченные куски палятся по vаr в качестве объявления переменной.
Могло быть хуже. Некоторые другие скрипты от других людей написаны одновременно на ES6, но при этом тащат с собой jQuery
MIT вроде как и с GPL несовместим, т.к. позволяет закрытие производных работ.
Ну и в общем-то GPLv3 тоже фактически исключает возможность использования кода в производном ПО — всё-таки опенсорсные GPL-приложения делают не только лишь все)
законовлицензий компенсируется необязательностью их исполнения» конечно прикольный, но я бы предпочёл по возможности его избегать)Ты не обязан выбирать лицензию для репы, по умолчанию будут действовать дефолтные авторские права. (Ни разу не SA, если что)
Но тебе рекомендуют положить в корень файл с лицензией. С любой лицензией, никаких ограничений на этот счёт нет. Повторюсь, я пользуюсь DbaDPL и счастлив.
docs.github.com/en/github/creating-cloning-and-archiving-repositories/licensing-a-repository
И гитхаб тут ни при чём, это всё юридическая дичь ¯\_(ツ)_/¯
Я не так давно наткнулся в юнити сторе на перерисовки (убогие) близзардовских иконок из ВоВ. За деньги. На предъяву они ответили, «Вот пусть близзард к нам и обращается».
UPD: а, вижу, этот вопрос уже поднят выше)
— Добавлена поддержка Бункера (функционал точно такой же)
— Теперь спойлер не будет невидимым, если в название спойлера ничего не вводить, при условии что не выбрана опция превью (Ctrl)
— Переменная, отвечающая за максимальный размер превью (при зажатом Ctrl) вынесена в константу, и может быть отредактирована в начале кода (по умолчанию — 70 пикселей).
Для обновления перейдите по ссылке скачивания в шапке
По сути, я планирую выпустить еще несколько версий, но в них будет просто добавлено несколько удобных фич, с текущими фичами вроде всё ок.
Кстати, как думаешь, стоит ли добавить интерактивные подсказки на место textarea во время перетаскивания?
Как хочешь
Вон 30-мегабайтная
и еще одна
Так… я что-то выпал из реальности Табуна… надо исправляться.Не знаю, что думают его хейтеры, но он достоин находиться в соответствующей статейке, причём далеко не на последнем месте: пакодельщики, смотрящие пинтерест, девиант или просто не доверяющие скрипту Хомуры немного, но облегчили себе жизнь, хотя те же превьюшки придётся постоянно менять. Да и обычным юзерам будет проще создавать свои посты.
Блок с хотелкойК вопросу о пакодельщиках: было бы прикольно иметь возможность добавлять изображения с другим превью. Например, кидаешь пикчу с зажатым условным Tab и получаешь окно с выбором изображения для превью, после которого создаётся спойлер с выбранным изображением на превью и кинутым перед этим фото внутри спойлера. В теории, такое возможно реализовать, но за практику не ручаюсь, т.к мои познания в кодинге обычно приводят
к такому
О добавлении поста в статьюПост будет добавлен в ближайшее время, т.к объём работ несколько больше, чем просто добавление нового пункта. Ждите в промежутке между 31-ым и 1-м числами.
Авось, руки дойдут до добавления исходников Ушифратора...К сожалению, это практически не выполнимо в рамках такого скрипта. В эвенте «дрэг н дроп» передаются 4 хоткея — shift, ctrl, alt, meta. Причем meta работает только на macOS, на винде кнопка win за мета-кнопку не считается. Чтобы мониторить другие кнопки, особенно если они были зажаты при свернутом браузере — придется писать полноценный exe-шник…
Но это можно будет реализовать, если просто вынести эти функции в настройки, которых у меня пока нет. Подумаю над этим.
У меня есть в планах его переделать тоже в виде расширения, без веб-сайта, но это в 10 раз сложнее, чем текущий скрипт. Но если получится — в результате получатся интерактивные ушифры, интерактивность которых не ограничивается обычным движением ушек.
Вон на lib.ru до сих пор куча книг в давно мёртвых CP866 да КОИ8, а уж CP1251 живёт и здравствует, а чем дольше живёт и здравствует, тем больше растёт критичная масса контента, которая не даст просто взять и закопать в будущем.
UPD: ээээмммм… Что-то он у меня не работает от слова совсем.
В консоли ничего нет. При перетаскивании картинок в поле ввода отображается курсор мышки типа «нельзя сюда перетащить» (на вкшечке и в гугдодоках при этом драг-н-дроп работает).
Windows 7, Firefox 85.0.2, Greasemonkey 4.10.0, скрипт 0.1.2. В консоли никаких ошибок. Прочие табунские скрипты работают, в исключениях пусто.
В версии 0.1.5 теперь в Firefox + Greasemonkey работает. Проблема оказалась в том, что нужно было разблокировать возможность события drop, запретив обработку dragover, которая, видя перетаскиваемый файл, запрещает дроп, а ещё потом правильным образом получать security key вне контекста страницы.
Ещё, как я понимаю, скоро будет пофикшен гигантский размер превьюшек для ввода имён спойлеров при перетаскивании с шифтом.
Спасибо Sasha-Flyer =)
Хотя…
Починить поиск и аватарки, наверное, легче, но...)
Как что-то плохое)Да, это — Табун!