KAR.SU / Инструменты

Загрузка прямо с вашего сайта

Добавьте кнопку KAR.SU на форум, в блог или редактор. Посетители смогут загрузить изображения и получить код для вставки, не собирая ссылки вручную.

Бесплатный плагинHTML · BBCode · Markdown

Одна кнопка — ваш хостингДля сайтов, блогов и форумов

Ваш сайт + KAR.SU

Одна кнопка. Три простых шага.

Плагин открывает окно загрузки KAR.SU и подготавливает ссылку или код изображения для вашего редактора.

01НастройтеВыберите цвет и формат кода для вставки.
02Добавьте кодВставьте готовый фрагмент в HTML своего сайта.
03ЗагружайтеИспользуйте кнопку рядом с редактором.

Конструктор кнопки

Подстройте плагин под себя

Код ниже обновляется автоматически. Если не уверены в дополнительных полях, оставьте их как есть.

Цвет кнопкиВыберите палитру под оформление вашего сайта.

Формат вставкиBBCode — для форумов, Markdown — для редакторов, HTML — для страниц.

Рядом с каким элементомCSS-селектор элемента. Можно оставить пустым для автоматического размещения.

Расположение кнопкиИспользуется вместе с селектором соседнего элемента.

Так будет выглядеть кнопка

Ваш HTML-код

<script async src="//www.kar.su/sdk/pup.js" data-url="https://www.kar.su/upload"></script>

В предпросмотре показан внешний вид кнопки. Работу загрузки проверяйте после установки плагина на свой сайт.

Установка

Добавьте фрагмент в HTML

Скопируйте код из конструктора.
Откройте HTML-шаблон своего сайта или поле для подключения скриптов.
Добавьте фрагмент один раз — предпочтительно внутри <head>.
Сохраните изменения и откройте страницу с редактором. Если кнопка не появилась, укажите селектор соседнего элемента.

Файлы загружаются на KAR.SU. Доступные форматы, ограничения и правила сервиса действуют и при загрузке через плагин.

Совместимость

Для форумов, блогов и редакторов

Плагин содержит интеграции для перечисленных платформ. На других сайтах с редактируемым содержимым положение кнопки можно настроить вручную. Совместимость зависит от версии и настроек вашего редактора.

bbPress
Discourse
Discuz!
Invision Power Board
MyBB
NodeBB
ProBoards
phpBB
Simple Machines Forum
Vanilla Forums
vBulletin
WoltLab
XenForo

Полезно знать

Вопросы и дополнительная настройка

Кнопка не появилась рядом с редактором

Проверьте подключение скрипта и укажите CSS-селектор существующего элемента в конструкторе. Убедитесь, что скрипт подключён только один раз.

Какой формат вставки выбрать?

Для форумов обычно нужен BBCode, для Markdown-редакторов — Markdown. HTML подходит для HTML-редакторов. Выберите формат, который поддерживает ваша площадка.

Нужен ли личный API-ключ?

Для этого фрагмента плагина личный API-ключ не нужен. Для собственной серверной интеграции используйте API KAR.SU.

Можно ли изменить внешний вид и поведение?

Плагин поддерживает дополнительные параметры, собственные стили и интеграции. Они описаны в документации Chevereto ↗.