CINXE.COM

Upload-Plugin — ImgBB

<!DOCTYPE HTML> <html xml:lang="tr" lang="tr" dir="ltr" class="device-nonmobile tone-light no-js" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="google" content="notranslate" /> <title>Upload-Plugin — ImgBB</title> <link rel="preconnect" href="https://simgbb.com"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap" rel="stylesheet"> <link rel="stylesheet" href="//simgbb.com/5286/ibb.css"> <script>document.documentElement.className+=" js";var devices=["phone","phablet","tablet","laptop","desktop","largescreen"],window_to_device=function(){for(var e=[480,768,992,1200,1880,2180],t=[],n="",d=document.documentElement.clientWidth||document.getElementsByTagName("body")[0].clientWidth||window.innerWidth,c=0;c<devices.length;++c)d>=e[c]&&t.push(devices[c]);for(0==t.length&&t.push(devices[0]),n=t[t.length-1],c=0;c<devices.length;++c)document.documentElement.className=document.documentElement.className.replace(devices[c],""),c==devices.length-1&&(document.documentElement.className+=" "+n),document.documentElement.className=document.documentElement.className.replace(/\s+/g," ");if("laptop"==n||"desktop"==n){var o=document.getElementById("pop-box-mask");null!==o&&o.parentNode.removeChild(o)}};window_to_device(),window.onresize=window_to_device;function jQueryLoaded(){!function(n,d){n.each(readyQ,function(d,e){n(e)}),n.each(bindReadyQ,function(e,i){n(d).bind("ready",i)})}(jQuery,document)}!function(n,d,e){function i(d,e){"ready"==d?n.bindReadyQ.push(e):n.readyQ.push(d)}n.readyQ=[],n.bindReadyQ=[];var u={ready:i,bind:i};n.$=n.jQuery=function(n){return n===d||void 0===n?u:void i(n)}}(window,document);</script> <link rel="alternate" hreflang="x-default" href="https://imgbb.com/plugin"> <link rel="alternate" hreflang="en" href="https://imgbb.com/plugin"> <link rel="alternate" hreflang="ar" href="https://ar.imgbb.com/plugin"> <link rel="alternate" hreflang="bg-bg" href="https://bg-bg.imgbb.com/plugin"> <link rel="alternate" hreflang="cs" href="https://cs.imgbb.com/plugin"> <link rel="alternate" hreflang="da" href="https://da.imgbb.com/plugin"> <link rel="alternate" hreflang="de" href="https://de.imgbb.com/plugin"> <link rel="alternate" hreflang="el" href="https://el.imgbb.com/plugin"> <link rel="alternate" hreflang="es" href="https://es.imgbb.com/plugin"> <link rel="alternate" hreflang="et-ee" href="https://et-ee.imgbb.com/plugin"> <link rel="alternate" hreflang="fa" href="https://fa.imgbb.com/plugin"> <link rel="alternate" hreflang="fi" href="https://fi.imgbb.com/plugin"> <link rel="alternate" hreflang="fr" href="https://fr.imgbb.com/plugin"> <link rel="alternate" hreflang="he" href="https://he.imgbb.com/plugin"> <link rel="alternate" hreflang="hr" href="https://hr.imgbb.com/plugin"> <link rel="alternate" hreflang="hu" href="https://hu.imgbb.com/plugin"> <link rel="alternate" hreflang="id" href="https://id.imgbb.com/plugin"> <link rel="alternate" hreflang="it" href="https://it.imgbb.com/plugin"> <link rel="alternate" hreflang="ja" href="https://ja.imgbb.com/plugin"> <link rel="alternate" hreflang="ko" href="https://ko.imgbb.com/plugin"> <link rel="alternate" hreflang="lt-lt" href="https://lt-lt.imgbb.com/plugin"> <link rel="alternate" hreflang="nb" href="https://nb.imgbb.com/plugin"> <link rel="alternate" hreflang="nl" href="https://nl.imgbb.com/plugin"> <link rel="alternate" hreflang="pl" href="https://pl.imgbb.com/plugin"> <link rel="alternate" hreflang="pt" href="https://pt.imgbb.com/plugin"> <link rel="alternate" hreflang="pt-br" href="https://pt-br.imgbb.com/plugin"> <link rel="alternate" hreflang="ru" href="https://ru.imgbb.com/plugin"> <link rel="alternate" hreflang="sk" href="https://sk.imgbb.com/plugin"> <link rel="alternate" hreflang="sr-rs" href="https://sr-rs.imgbb.com/plugin"> <link rel="alternate" hreflang="sv" href="https://sv.imgbb.com/plugin"> <link rel="alternate" hreflang="th" href="https://th.imgbb.com/plugin"> <link rel="alternate" hreflang="tr" href="https://tr.imgbb.com/plugin"> <link rel="alternate" hreflang="uk" href="https://uk.imgbb.com/plugin"> <link rel="alternate" hreflang="vi" href="https://vi.imgbb.com/plugin"> <link rel="alternate" hreflang="zh-cn" href="https://zh-cn.imgbb.com/plugin"> <link rel="alternate" hreflang="zh-tw" href="https://zh-tw.imgbb.com/plugin"><link rel="shortcut icon" href="//simgbb.com/images/favicon.png"> <link rel="icon" type="image/png" href="//simgbb.com/images/favicon.png" sizes="192x192"> <link rel="apple-touch-icon" href="//simgbb.com/images/favicon.png" sizes="180x180"> <meta property="og:type" content="website" /> <meta property="og:url" content="https://tr.imgbb.com/plugin" /> <meta property="og:title" content="Upload Image — Free Image Hosting" /> <meta property="og:site_name" content="ImgBB" /> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Upload-Plugin"> <meta name="twitter:site" content="@imgbb_com"> </head> <body id="plugin"> <header id="top-bar" class="top-bar"> <div class="content-width"> <div id="logo" class="top-bar-logo"><a href="https://tr.imgbb.com"><img width="116px" height="24px" src="//simgbb.com/images/logo.png" alt="ImgBB"></a></div> <ul class="top-bar-left float-left"> <li data-action="top-bar-menu-full" data-nav="mobile-menu" class="top-btn-el phone-show phablet-show hidden"> <span class="top-btn-text"><span class="icon icon-bars"></span></span> </li> <li data-nav="about" class="phone-hide phablet-hide pop-btn pop-keep-click"> <span class="top-btn-text"><span class="icon icon-circle-question"></span><span class="btn-text phone-hide phablet-hide">Hakkımızda</span><span class="arrow-down"></span></span> <div class="pop-box arrow-box arrow-box-top anchor-left"> <div class="pop-box-inner pop-box-menu"> <ul><li class="with-icon"><a href="https://tr.imgbb.com/plugin"><span class="btn-icon icon-code"></span> Eklenti</a></li><li class="with-icon"><a href="https://api.imgbb.com/"><span class="btn-icon icon-gear"></span> API</a></li><li class="with-icon"><a href="https://imgbb.com/tos"><span class="btn-icon icon-landmark"></span> Terms of service</a></li><li class="with-icon"><a href="https://imgbb.com/privacy"><span class="btn-icon icon-lock"></span> Privacy</a></li><li class="with-icon"><a href="https://tr.imgbb.com/contact"><span class="btn-icon icon-at"></span> Contact</a></li></ul> </div> </div> </li> <li data-nav="language" class="phablet-hide phone-hide pop-btn"> <span class="top-btn-text"><span class="icon icon-language"></span><span class="btn-text">TR</span><span class="arrow-down"></span></span> <div class="pop-box pbcols5 arrow-box arrow-box-top anchor-left"> <div class="pop-box-inner pop-box-menu pop-box-menucols"> <ul> <li><a href="https://ar.imgbb.com/" onclick="changeLanguage('ar');">العربية</a></li><li><a href="https://bg-bg.imgbb.com/" onclick="changeLanguage('bg-bg');">Български</a></li><li><a href="https://cs.imgbb.com/" onclick="changeLanguage('cs');">Čeština</a></li><li><a href="https://da.imgbb.com/" onclick="changeLanguage('da');">Dansk</a></li><li><a href="https://de.imgbb.com/" onclick="changeLanguage('de');">Deutsch</a></li><li><a href="https://el.imgbb.com/" onclick="changeLanguage('el');">Ελληνικά</a></li><li><a href="https://imgbb.com/" onclick="changeLanguage('en');">English</a></li><li><a href="https://es.imgbb.com/" onclick="changeLanguage('es');">Español</a></li><li><a href="https://et-ee.imgbb.com/" onclick="changeLanguage('et-ee');">Eesti (Eesti)</a></li><li><a href="https://fa.imgbb.com/" onclick="changeLanguage('fa');">فارسی</a></li><li><a href="https://fi.imgbb.com/" onclick="changeLanguage('fi');">Suomi</a></li><li><a href="https://fr.imgbb.com/" onclick="changeLanguage('fr');">Français</a></li><li><a href="https://he.imgbb.com/" onclick="changeLanguage('he');">עברית</a></li><li><a href="https://hr.imgbb.com/" onclick="changeLanguage('hr');">Hrvatski</a></li><li><a href="https://hu.imgbb.com/" onclick="changeLanguage('hu');">Magyar</a></li><li><a href="https://id.imgbb.com/" onclick="changeLanguage('id');">Bahasa Indonesia</a></li><li><a href="https://it.imgbb.com/" onclick="changeLanguage('it');">Italiano</a></li><li><a href="https://ja.imgbb.com/" onclick="changeLanguage('ja');">日本語</a></li><li><a href="https://ko.imgbb.com/" onclick="changeLanguage('ko');">한국어</a></li><li><a href="https://lt-lt.imgbb.com/" onclick="changeLanguage('lt-lt');">Lietuvių (Lietuva)</a></li><li><a href="https://nb.imgbb.com/" onclick="changeLanguage('nb');">‪Norsk Bokmål‬</a></li><li><a href="https://nl.imgbb.com/" onclick="changeLanguage('nl');">Nederlands</a></li><li><a href="https://pl.imgbb.com/" onclick="changeLanguage('pl');">Polski</a></li><li><a href="https://pt.imgbb.com/" onclick="changeLanguage('pt');">Português</a></li><li><a href="https://pt-br.imgbb.com/" onclick="changeLanguage('pt-br');">Português (Brasil)</a></li><li><a href="https://ru.imgbb.com/" onclick="changeLanguage('ru');">Русский</a></li><li><a href="https://sk.imgbb.com/" onclick="changeLanguage('sk');">Slovenčina</a></li><li><a href="https://sr-rs.imgbb.com/" onclick="changeLanguage('sr-rs');">Српски</a></li><li><a href="https://sv.imgbb.com/" onclick="changeLanguage('sv');">Svenska</a></li><li><a href="https://th.imgbb.com/" onclick="changeLanguage('th');">ไทย</a></li><li class="current"><a href="https://tr.imgbb.com/" onclick="changeLanguage('tr');">Türkçe</a></li><li><a href="https://uk.imgbb.com/" onclick="changeLanguage('uk');">Українська</a></li><li><a href="https://vi.imgbb.com/" onclick="changeLanguage('vi');">Tiếng Việt</a></li><li><a href="https://zh-cn.imgbb.com/" onclick="changeLanguage('zh-cn');">简体中文</a></li><li><a href="https://zh-tw.imgbb.com/" onclick="changeLanguage('zh-tw');">繁體中文</a></li></ul> </div> </div> </li> </ul> <ul class="top-bar-right float-right keep-visible"> <li class="top-btn-el"><a href="https://imgbb.com/upload"><span class="top-btn-text"><span class="icon icon-cloud-arrow-up"></span><span class="btn-text phone-hide phablet-hide">Resim Yükle</span></span></a></li> <li id="top-bar-signin" data-nav="signin" class="top-btn-el"> <a href="https://imgbb.com/login" class="top-btn-text"><span class="icon icon-right-to-bracket"></span><span class="btn-text phone-hide phablet-hide">Giriş Yap</span></a> </li> <li id="top-bar-signup" data-nav="signup" class="phone-hide top-btn-el"> <a href="https://imgbb.com/signup" class="top-btn-text top-btn-create-account btn blue text"><span class="icon icon-user-plus phablet-hide tablet-hide laptop-hide desktop-hide"></span>Hesap Oluştur</a> </li> </ul> </div> </header> <div class="center-box c24 margin-top-40 margin-bottom-40"> <div class="content-width"> <div class="header default-margin-bottom"> <h1>Upload-Plugin</h1> </div> <div class="text-content"> <p>Yükleme eklentimizi yükleyerek web sitenize, blogunuza veya forumunuza resim yükleme ekleyin. Kullanıcılarınızın görüntüleri doğrudan servisimize yüklemelerine izin verecek bir düğme yerleştirerek herhangi bir web sitesine görüntü yükleme olanağı sağlar ve yerleştirme için gereken kodları otomatik olarak yönetir. Sürükle ve bırak, uzaktan yükleme, görüntü yeniden boyutlandırma ve daha fazlası gibi tüm özellikler.</p> <h2>Desteklenen yazılım</h2> <p>Eklenti, kullanıcı tarafından düzenlenebilir içeriğe sahip herhangi bir web sitesinde çalışır ve %s için, hedef düzenleyici araç çubuğuna uyan bir yükleme butonu yerleştirir, böylece fazladan özelleştirme gerekmez.</p> <ul data-content="pup-vendors" class="soft-hidden"> <li>bbPress</li> <li>Discourse</li> <li>Discuz!</li> <li>Invision Power Board</li> <li>MyBB</li> <li>NodeBB</li> <li>ProBoards</li> <li>phpBB</li> <li>Simple Machines Forum</li> <li>Vanilla Forums</li> <li>vBulletin</li> <li>WoltLab</li> <li>XenForo</li> </ul> <h2>Web sitene ekle</h2> <p>Eklenti kodunu kopyalayıp web sitenizin HTML kodunda ( head kodu bölümünden sonra ) yapıştırın. İhtiyaçlarınıza daha iyi uyması için <a data-toggle="pup-options">seçenekler</a> bol miktarda ekleyin.</p> <div class="input-label margin-bottom-0"> <textarea id="pup-insert-code" data-focus="select-all" class="r2 resize-vertical" autocomplete="off" spellcheck="false" readonly>&lt;script async src=&quot;https://imgbb.com/upload.js&quot;&gt;&lt;/script&gt;</textarea> <button class="input-action" data-action="copy" data-action-target="#pup-insert-code">Kopyala</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">Resim yükle</span></button></div></div> <div data-content="pup-options" class="soft-hidden"> <h3>Temel seçenekler</h3> <div class="input-label margin-top-0"> <label for="palette">Renk paleti</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">Düğme rengi şeması</div> </div> <div class="input-label"> <label for="auto-insert">Embed (Paylaşım) Kodları</label> <div class="c9 phablet-c1"> <select type="text" name="auto-insert" id="auto-insert" class="text-input"> <option value="viewer-links">Görüntülenen bağlantılar</option> <option value="html-embed-medium">HTML (tam görünüm bağlantısı)</option> <option value="html-embed-thumbnail">HTML küçük resim link</option> <option value="bbcode-embed-medium">BBCode (tam görünüm bağlantısı)</option> <option value="" selected="selected">BB küçük resim link</option> </select> </div> <div class="input-below">Editör kutusuna otomatik olarak eklenecek kodları gömün</div> </div> <div class="input-label"> <label for="sibling">Kardeş seçimi</label> <div class="c9 phablet-c1"> <input type="text" name="sibling" id="sibling" class="text-input" placeholder="Empty string"> </div> <div class="input-below">Kardeş eleman seçici, düğmenin yanına nereye yerleştirileceğini belirtin</div> </div> <div class="input-label"> <label for="sibling-pos">Kardeş konumu</label> <div class="c9 phablet-c1"> <select type="text" name="sibling-pos" id="sibling-pos" class="text-input"> <option value="" selected="selected">Sonra</option> <option value="before">Önce</option> </select> </div> <div class="input-below">Kardeş elemanına göre konumlandırma</div> </div> </div> </div> </div> </div> <div id="modal-share" class="hidden"> <span class="modal-box-title">Paylaş</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">Link</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="copy" data-action-target="#modal-share-url" value="">Kopyala</button> </div> </div> </div> <script defer src="//simgbb.com/5286/jquery1.js" onload="jQueryLoaded(this, event)"></script> <script defer src="//simgbb.com/5286/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://tr.imgbb.com"; PF.obj.config.json_api="https://tr.imgbb.com/json"; PF.obj.config.listing.items_per_page="32"; PF.obj.config.auth_token="714b7f935e515ca4d2cbee177cc58929d8477230"; PF.obj.l10n={"An error occurred. Please try again later.":["Bir hata olu\u015ftu. L\u00fctfen daha sonra tekrar deneyin."],"cancel":["\u0130ptal Et"],"Check the errors in the form to continue.":["L\u00fctfen devam etmek i\u00e7in hatalar\u0131 kontrol ediniz."],"Clipboard image":["Pano resmi"],"Confirm":["Onayla"],"Confirm action":["Eylemi onayla"],"continue anyway":["Devam etmek istedi\u011finizden emin misiniz ?"],"File too big.":["Dosya \u00e7ok b\u00fcy\u00fck."],"Go back to form":["Form'a geri d\u00f6n"],"Invalid or unsupported file format.":["Ge\u00e7ersiz veya desteklenmeyen dosya format\u0131."],"loading":["Y\u00fckleniyor..."],"image":["resim","resimler"],"or":["veya"],"Save changes":["De\u011fi\u015fiklikleri Kaydet"],"Saving":["Kaydet"],"Sending":["G\u00f6nder"],"Some files couldn't be added":["Baz\u0131 dosyalar eklenemedi"],"Submit":["G\u00f6nder"]}; CHV.obj.embed_tpl={"links":{"label":"Linkler","options":{"viewer-links":{"label":"G\u00f6r\u00fcnt\u00fclenen ba\u011flant\u0131lar","template":"%URL_VIEWER%","size":"viewer"}}},"html-codes":{"label":"HTML Kodlar\u0131","options":{"html-embed-medium":{"label":"HTML (tam g\u00f6r\u00fcn\u00fcm ba\u011flant\u0131s\u0131)","template":"<a href=\"%URL_VIEWER_PREVIEW%\"><img src=\"%MEDIUM_URL%\" alt=\"%MEDIUM_NAME%\" border=\"0\"><\/a>","size":"medium"},"html-embed-thumbnail":{"label":"HTML k\u00fc\u00e7\u00fck resim link","template":"<a href=\"%URL_VIEWER_THUMB%\"><img src=\"%THUMB_URL%\" alt=\"%THUMB_NAME%\" border=\"0\"><\/a>","size":"thumb"}}},"bbcodes":{"label":"BBKodlar\u0131","options":{"bbcode-embed-medium":{"label":"BBCode (tam g\u00f6r\u00fcn\u00fcm ba\u011flant\u0131s\u0131)","template":"[url=%URL_VIEWER_PREVIEW%][img]%MEDIUM_URL%[\/img][\/url]","size":"medium"},"bbcode-embed-thumbnail":{"label":"BB k\u00fc\u00e7\u00fck resim link","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":["jpg","png","bmp","gif","tif","webp","heic","avif","pdf","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>

Pages: 1 2 3 4 5 6 7 8 9 10