Готовое решение - Сменить image хостер в редакторе

автор Racoon в Май 28th 2015, 13:26

К примеру на savepic.ru

Готовое решение - Сменить image хостер в редакторе 7174556

1. Добавляем скрипт imagehost доступный на всех страницах.

Код:: var g_editor; $(function() { if ($.sceditor) { $.sceditor.command.set("servimg", { _menu: function(editor, caller) { var uploadFrame = null; if ($('.sceditor-servimg').length === 1) uploadFrame = $('.sceditor-servimg'); if (uploadFrame === null) { var menu, name, content; name = 'servimg'; content = $('<p><iframe id="obj_servimg" src="http://savepic.ru/" width="1020" height="454" border="0" scrolling="auto"></iframe><br/> <center><input type="button" id="closehost" style="margin-top:5px" class="button2" value="Закрыть"></center></p>'); menu = $('<div class="sceditor-' + name + '" />').append(content).appendTo($('body')).click(function(e) { e.stopPropagation() }); g_editor = editor; $('#closehost').click(function(){ g_editor.closeDropDown(true); $('.sceditor-servimg').css('display','none'); }); } else { if (uploadFrame.css('display') === 'none') { editor.closeDropDown(); uploadFrame.css('display', '') } else { editor.closeDropDown() } } }, exec: function(caller) { $.sceditor.command.get('servimg')._menu(this, caller) }, txtExec: function(caller) { $.sceditor.command.get('servimg')._menu(this, caller) }, tooltip: "Host an image" }); } });

2. Добавляем стили оформления

Код:: /* оформление и позиция окна */ .sceditor-servimg { position: fixed; z-index: 999; padding: 5px; background-color: rgb(219, 238, 255); border: 2px solid #3575AB; border-radius: 8px; left : 50%; /* по центру */ top:50%; /* по центру */ margin-left:-511px; margin-top: -237px; } /* стиль фрейма */ iframe#obj_servimg{ border: 1px solid #B7D2EA; border-radius: 5px; } /* кнопка закрытия окна */ input#closehost { padding-left: 10px; padding-right: 10px; }

3. Так можно подключить любой сервер картинок
нужно только заменить src="http://savepic.ru/" на требуемый url и вероятно поправить геометрию окна.