Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Racoon в Чт 28 Май - 13:26

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



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 и вероятно поправить геометрию окна.

Racoon
 

Сообщения : 113
Возраст : 35
Регистрация : 2015-03-12
Благодарности : 100

Без предупреждений

http://palata7.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения