Плагин за прикачување

Додајте можност за качување слики на вашата веб-страница, блог или форум со инсталирање на нашиот додаток за качување. Тој овозможува качување слики на кој било веб-сајт со поставување копче што ќе им овозможи на вашите корисници директно да качуваат слики на нашата услуга, а автоматски ќе ги управува и кодовите потребни за вметнување. Вклучени се сите функции, како повлечи и пушти, далечинско качување, менување на големината на сликата и друго.

Поддржан софтвер

Приклучокот работи на која било веб-страница со содржина што може да се уредува од корисници, а за поддржан софтвер ќе постави копче за прикачување што ќе се вклопи со лентата со алатки на целниот уредувач, па не е потребно дополнително прилагодување.

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

Додајте го на вашата веб-страница

Копирајте и залепете го кодот на приклучокот во HTML кодот на вашата веб-страница (по можност во делот head). Има многу опции за подобро да ги задоволите вашите потреби.

<script async src="/?originalUrl=https%3A%2F%2Fmk.imgbb.com%2F%26quot%3Bhttps%3A%2F%2Fimgbb.com%2Fupload.js%26quot%3B%26gt%3B%26lt%3B%2Fscript%26gt%3B%253C%2Ftextarea">
				<button class="input-action" data-action="/?originalUrl=https%3A%2F%2Fmk.imgbb.com%2Fcopy" data-action-target="#pup-insert-code">копирај</button>
			</div>
			<div><style type="text/css" id="imgbb-style">.imgbb-container{display:inline-block;margin-top:5px;margin-bottom:5px}.imgbb-button{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;outline:0;border:none;cursor:pointer;border:1px solid rgba(0,0,0,.05);border-radius:.2em;padding:.5em 1em;font-size:12px;font-weight:700;text-shadow:none}.imgbb-button:hover{border-top-color:rgba(255,255,255,.1);border-right-color:rgba(0,0,0,.05);border-bottom-color:rgba(0,0,0,.1);border-left-color:rgba(0,0,0,.05);}.imgbb-button-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:center;align-self:center;position:relative;height:1em;width:1em;margin-right:.25em}.imgbb-button-icon img,.imgbb-button-icon svg{width:1em;height:1em;bottom:-.125em;position:absolute}.imgbb-button-icon svg{fill:currentColor}.imgbb-button--palette-default{color:#000;background:#ececec}.imgbb-button--palette-default:hover{background:#2980b9;color:#fff}.imgbb-button--palette-clear{color:inherit;background:inherit}.imgbb-button--palette-clear:hover{background:inherit;color:#2980b9}.imgbb-button--palette-turquoise{color:#fff;background:#16a085}.imgbb-button--palette-turquoise:hover{background:#1abc9c;color:#fff}.imgbb-button--palette-green{color:#fff;background:#27ae60}.imgbb-button--palette-green:hover{background:#2ecc71;color:#fff}.imgbb-button--palette-blue{color:#fff;background:#2980b9}.imgbb-button--palette-blue:hover{background:#3498db;color:#fff}.imgbb-button--palette-purple{color:#fff;background:#8e44ad}.imgbb-button--palette-purple:hover{background:#9b59b6;color:#fff}.imgbb-button--palette-darkblue{color:#fff;background:#2c3e50}.imgbb-button--palette-darkblue:hover{background:#34495e;color:#fff}.imgbb-button--palette-yellow{color:#fff;background:#f39c12}.imgbb-button--palette-yellow:hover{background:#f1c40f;color:#fff}.imgbb-button--palette-orange{color:#fff;background:#d35400}.imgbb-button--palette-orange:hover{background:#e67e22;color:#fff}.imgbb-button--palette-red{color:#fff;background:#c0392b}.imgbb-button--palette-red:hover{background:#e74c3c;color:#fff}.imgbb-button--palette-grey{color:#000;background:#ececec}.imgbb-button--palette-grey:hover{background:#e0e0e0;color:#000}.imgbb-button--palette-black{color:#fff;background:#333}.imgbb-button--palette-black:hover{background:#666;color:#fff}</style><div class="imgbb-container"><button id="pup-preview" class="imgbb-button imgbb-button--palette-default"><span class="imgbb-button-icon"><svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M76.7 87.5c12.8 0 23.3-13.3 23.3-29.4 0-13.6-5.2-25.7-15.4-27.5 0 0-3.5-0.7-5.6 1.7 0 0 0.6 9.4-2.9 12.6 0 0 8.7-32.4-23.7-32.4 -29.3 0-22.5 34.5-22.5 34.5 -5-6.4-0.6-19.6-0.6-19.6 -2.5-2.6-6.1-2.5-6.1-2.5C10.9 25 0 39.1 0 54.6c0 15.5 9.3 32.7 29.3 32.7 2 0 6.4 0 11.7 0V68.5h-13l22-22 22 22H59v18.8C68.6 87.4 76.7 87.5 76.7 87.5z"/></svg></span><span class="%tClass">Прикачи слики</span></button></div></div>
			<div data-content="pup-options" class="soft-hidden">
				<h3>Основни опции</h3>
				<div class="input-label margin-top-0">
					<label for="palette">Палета на бои</label>
					<div class="c9 phablet-c1">
						<select type="text" name="palette" id="palette" class="text-input">
							<option value="" selected="selected">Default</option>
<option value="clear">Clear</option>
<option value="turquoise">Turquoise</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
<option value="purple">Purple</option>
<option value="darkblue">Darkblue</option>
<option value="yellow">Yellow</option>
<option value="orange">Orange</option>
<option value="red">Red</option>
<option value="grey">Grey</option>
<option value="black">Black</option>
						</select>
					</div>
					<div class="input-below">Шема на боја на копче</div>
				</div>
				<div class="input-label">
					<label for="auto-insert">Кодови за вградување</label>
						<div class="c9 phablet-c1">
						<select type="text" name="auto-insert" id="auto-insert" class="text-input">
							<option value="viewer-links">Линкови за преглед</option>
<option value="html-embed-medium">HTML целосно поврзано</option>
<option value="html-embed-thumbnail">HTML минијатура со линк</option>
<option value="bbcode-embed-medium">BBCode целосно поврзано</option>
<option value="" selected="selected">BBCode минијатура со линк</option>
						</select>
					</div>
					<div class="input-below">Кодови за вметнување што ќе бидат автоматски вметнати во полето за уредување</div>
				</div>
				<div class="input-label">
					<label for="sibling">Селектор за соседен елемент</label>
					<div class="c9 phablet-c1">
						<input type="text" name="sibling" id="sibling" class="text-input" placeholder="Empty string">
					</div>
					<div class="input-below">Селектор за соседниот елемент покрај кој ќе се постави копчето</div>
				</div>
				<div class="input-label">
					<label for="sibling-pos">Позиција на соседен елемент</label>
					<div class="c9 phablet-c1">
						<select type="text" name="sibling-pos" id="sibling-pos" class="text-input">
							<option value="" selected="selected">По</option>
							<option value="before">Пред</option>
						</select>
					</div>
					<div class="input-below">Позиција релативно на соседниот елемент</div>
				</div>
							</div>
		</div>
	</div>
</div>

<div id="modal-share" class="hidden">
<span class="modal-box-title">Сподели</span>
<div class="image-preview"></div>
<p class="highlight margin-bottom-20 font-size-small text-align-center" data-content="privacy-private">__privacy_notes__</p>
<ul class="panel-share-networks">
</ul>
<div class="input-label margin-bottom-0">
<label for="modal-share-url">Линк</label>
<div class="position-relative">
<input type="text" name="modal-share-url" id="modal-share-url" class="text-input" value="__url__" data-focus="select-all" readonly>
<button class="input-action" data-action="/?originalUrl=https%3A%2F%2Fmk.imgbb.com%2Fcopy" data-action-target="#modal-share-url" value="">копирај</button>
</div>
</div>
</div>
<script defer src="//simgbb.com/8179/jquery2.js" onload="jQueryLoaded(this, event)"></script>
<script defer src="//simgbb.com/8179/ibb.js" id="ibbjs"></script><script>
document.getElementById("ibbjs").addEventListener("load", function () {
PF.obj.devices = window.devices;
PF.fn.window_to_device = window.window_to_device;
PF.obj.config.base_url="https://mk.imgbb.com";
PF.obj.config.json_api="https://mk.imgbb.com/json";
PF.obj.config.listing.items_per_page="32";
PF.obj.config.auth_token="096d5fdec1969c85db4a5e9f3c90f60bd6acbec7";
PF.obj.l10n={"An error occurred. Please try again later.":["Се појави грешка. Обидете се повторно подоцна."],"average":["average"],"cancel":["откажи"],"Check the errors in the form to continue.":["Проверете ги грешките во формуларот за да продолжите."],"Clipboard image":["Слика од клипборд"],"Confirm":["Потврди"],"Confirm action":["Потврдете акција"],"continue anyway":["сепак продолжи"],"File too large.":["Датотеката е преголема."],"Go back to the form":["Вратете се на формуларот"],"Invalid content owner request":["Invalid content owner request"],"Invalid or unsupported file format.":["Невалиден или неподдржан формат на датотека."],"loading":["се вчитува"],"image":["слика"],"or":["или"],"Save changes":["Зачувај промени"],"Saving":["Се зачувува"],"Sending":["Се испраќа"],"Some files couldn't be added":["Некои датотеки не можеа да се додадат"],"Submit":["Поднеси"],"very weak":["very weak"],"weak":["weak"]};
CHV.obj.embed_tpl={"links":{"label":"\u041b\u0438\u043d\u043a\u043e\u0432\u0438","options":{"viewer-links":{"label":"\u041b\u0438\u043d\u043a\u043e\u0432\u0438 \u0437\u0430 \u043f\u0440\u0435\u0433\u043b\u0435\u0434","template":"%URL_VIEWER%","size":"viewer"}}},"html-codes":{"label":"HTML \u043a\u043e\u0434\u043e\u0432\u0438","options":{"html-embed-medium":{"label":"HTML \u0446\u0435\u043b\u043e\u0441\u043d\u043e \u043f\u043e\u0432\u0440\u0437\u0430\u043d\u043e","template":"<a href="/?originalUrl=https%3A%2F%2Fmk.imgbb.com%2F"%URL_VIEWER_PREVIEW%\"><img src="/?originalUrl=https%3A%2F%2Fmk.imgbb.com%2F"%MEDIUM_URL%\" alt=\"%MEDIUM_NAME%\" border=\"0\"><\/a>","size":"medium"},"html-embed-thumbnail":{"label":"HTML \u043c\u0438\u043d\u0438\u0458\u0430\u0442\u0443\u0440\u0430 \u0441\u043e \u043b\u0438\u043d\u043a","template":"<a href="/?originalUrl=https%3A%2F%2Fmk.imgbb.com%2F"%URL_VIEWER_THUMB%\"><img src="/?originalUrl=https%3A%2F%2Fmk.imgbb.com%2F"%THUMB_URL%\" alt=\"%THUMB_NAME%\" border=\"0\"><\/a>","size":"thumb"}}},"bbcodes":{"label":"BBCodes","options":{"bbcode-embed-medium":{"label":"BBCode \u0446\u0435\u043b\u043e\u0441\u043d\u043e \u043f\u043e\u0432\u0440\u0437\u0430\u043d\u043e","template":"[url=%URL_VIEWER_PREVIEW%][img]%MEDIUM_URL%[\/img][\/url]","size":"medium"},"bbcode-embed-thumbnail":{"label":"BBCode \u043c\u0438\u043d\u0438\u0458\u0430\u0442\u0443\u0440\u0430 \u0441\u043e \u043b\u0438\u043d\u043a","template":"[url=%URL_VIEWER_THUMB%][img]%THUMB_URL%[\/img][\/url]","size":"thumb"}}}};
CHV.obj.config={"image":{"max_filesize":32000000,"load_max_filesize":8000000},"upload":{"image_types":["arw","avif","bmp","cr2","cr3","cur","cut","dcm","dds","dib","dng","emf","exr","fax","fig","fits","fpx","gbr","gd","gif","hdr","heic","heif","icns","ico","iff","ilbm","j2k","jpe","jpeg","jpg","jpf","jpm","jp2","jpx","miff","mng","mpo","nef","nrrd","orf","pbm","pcx","pdf","pgm","pic","pict","png","pnm","ppm","ps","psb","psd","qoi","raf","raw","rw2","sgi","sid","sr2","svg","tga","tif","tiff","vtf","webp","wmf","xbm","xcf","xpm","jpeg","tiff","heif"]},"listing":{"viewer":true}};ibb();
});
</script>
</body>
</html>
<script>
	$(function() {
		var $pluginButton = $("#pup-preview");
		var tagAttrs = {"async":"","src":"https:\/\/imgbb.com\/upload.js"};
		var el = document.createElement("script");
		for(var key in tagAttrs) {
			el.setAttribute(key, tagAttrs[key]);
		}
		$(document).on("keyup change", "[data-content=pup-options] *:input", function(e) {
			var attr = 'data-' + $(this).attr("name");
			var val = $(this).val();
			if(val) {
				el.setAttribute(attr, val);
			} else {
				el.removeAttribute(attr);
			}
			$("#pup-insert-code").val(el.outerHTML.replace('=""', '')).highlight();
		});
		$(document).on("change", "#palette", function(e) {
			var val = $(this).val() || "default";
			$pluginButton.removeClass(function(i, className) {
				return (className.match (/(^|\s)imgbb-button--palette-\S+/g) || []).join(' ');
			}).addClass('imgbb-button--palette-' + val);
		});
	});
</script>