Greasy Fork is available in English.
Загрузчик изображений
// ==UserScript==
// @name imgbb uploader
// @namespace http://shikimori.io/
// @version 1.0
// @description Загрузчик изображений
// @author pirate-
// @match *://shikimori.io/*
// @match *://shiki.one/*
// @match *://shikimori.rip/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
function insertBBCodeForEditor(editorContainer, imageUrl) {
var bbcode = '[img]' + imageUrl + '[/img]';
var field = editorContainer.querySelector('textarea[name="comment[body]"]') || editorContainer.querySelector('input[name="comment[body]"]');
if (field) {
if (field.tagName.toLowerCase() === 'textarea') {
var start = field.selectionStart, end = field.selectionEnd;
field.value = field.value.slice(0, start) + bbcode + field.value.slice(end);
field.selectionStart = field.selectionEnd = start + bbcode.length;
field.focus();
} else {
field.value += bbcode;
field.dispatchEvent(new Event('input', { bubbles: true }));
}
return;
}
var proseMirror = editorContainer.querySelector('.ProseMirror');
if (proseMirror) {
proseMirror.focus();
document.execCommand('insertText', false, bbcode);
var hiddenInput = editorContainer.querySelector('input[name="comment[body]"]');
if (hiddenInput) {
hiddenInput.value += bbcode;
hiddenInput.dispatchEvent(new Event('input', { bubbles: true }));
}
}
}
function createUploadButton(editorContainer, parentElement) {
var btn = document.createElement('span');
btn.classList.add('imgbb');
btn.style.cursor = 'pointer';
btn.style.color = '#444';
btn.textContent = '🖼';
btn.addEventListener('click', function() {
var fileInput = document.createElement('input');
fileInput.type = 'file';
fileInput.accept = 'image/*';
fileInput.style.display = 'none';
document.body.appendChild(fileInput);
fileInput.addEventListener('change', function() {
if (fileInput.files && fileInput.files[0]) {
var file = fileInput.files[0];
var reader = new FileReader();
reader.onload = function(e) {
var dataUrl = e.target.result;
var base64Index = dataUrl.indexOf('base64,') + 7;
var base64Data = dataUrl.substring(base64Index);
var formData = new FormData();
formData.append('key', '4ac0d36441827bcaa8c91bd70415e6f3');
formData.append('image', base64Data);
formData.append('name', file.name);
fetch('https://api.imgbb.com/1/upload', { method: 'POST', body: formData })
.then(response => response.json())
.then(data => {
if (data.success) {
insertBBCodeForEditor(editorContainer, data.data.url);
} else {
alert('Ошибка загрузки: ' + (data.error.message || 'неизвестная ошибка'));
}
})
.catch(error => {
console.error('Ошибка запроса:', error);
alert('Ошибка загрузки изображения');
})
.finally(() => { fileInput.remove(); });
};
reader.readAsDataURL(file);
}
});
fileInput.click();
});
parentElement.appendChild(btn);
}
function addButtonToEditors() {
var classicEditors = document.querySelectorAll('.b-shiki_editor:not(.b-shiki_editor-v2)');
classicEditors.forEach(editor => {
var controls = editor.querySelector('.editor-controls');
if (controls && !controls.querySelector('.imgbb')) {
createUploadButton(editor, controls);
}
});
var v2Editors = document.querySelectorAll('.vue-node');
v2Editors.forEach(editor => {
var menubar = editor.querySelector('.menubar');
if (menubar && !menubar.querySelector('.imgbb')) {
createUploadButton(editor, menubar);
}
});
}
document.addEventListener('DOMContentLoaded', addButtonToEditors);
setInterval(addButtonToEditors, 1000);
})();