MHEditor - Druckversion

Code:
<!DOCTYPE html>

<meta charset="utf-8">

<title>{$lang->imgur_ptitle}</title>

<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1804"></script>

<script type="text/javascript" src="jscripts/mheditor/jquery.mheditor.min.js?v=1004"></script>

<div><img src="images/imgur.png" alt="" /></div>

<br /><br />

<button onclick="document.querySelector('input').click()">{$lang->imgur_select}</button>

<input style="visibility:hidden;position:absolute;top:0;" type="file" onchange="upload(this.files[0])" accept="image/*">

<script>

    var MyBBEditor = null;

    var dsize = "{$mybb->settings['imgur_display']}";

    function upload(file) {

        if (!file || !file.type.match(/image.*/)) return;

        document.body.className = "uploading";

        var fd = new FormData();

        fd.append("image", file);

        var xhr = new XMLHttpRequest();

        xhr.open("POST", "https://api.imgur.com/3/image.json");

        xhr.onload = function() {

            var link = JSON.parse(xhr.responseText).data.link;

            var code = '';

            if (dsize!='r') {

                pos = link.lastIndexOf('.');

                code = '[img]' + link.substring(0, pos) + dsize + link.substring(pos) + '[/img]';

            } else {

                code = '[img]' + link + '[/img]';

            }

            if(!MyBBEditor) {

                window.opener.$("#message, #signature").focus();

                window.opener.$("#message, #signature").replaceSelectedText(code);

            } else {

                MyBBEditor = window.opener.$('#message').sceditor('instance');

                MyBBEditor.insertText(code);

            }

            javascript:window.close()

        }

        xhr.setRequestHeader('Authorization', 'Client-ID {$mybb->settings['imgur_client_id']}');

        xhr.send(fd);

    }

</script>

<style>

    body {text-align: center; background-color: #181817; overflow-x:hidden; overflow-y:auto;}

    div { background-color: rgb(43, 43, 43); border-bottom: 4px solid rgb(68, 68, 66); margin: -8px;}

    p {display: none}

    .uploading p {display: inline}

</style>

<br /><br />

<p><img src="images/loader.gif" border="0" /></p>