Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > Вставка и редактирование картинок в TinyMCE

Автор: EagleOne 31.3.2012, 11:30

Приветствую,
у меня два вопроса:

1. При вставке картинок в TinyMCE столкнулся с проблемой в Internet Explorer 9.
При вставке открывается окно, где указываются параметры картинки - ширина, высота, описание, отступы, обтекание, рамка и т.д.
Так вот те параметры, которые пишутся в аттрибуты тега img добавляются нормально,а есть параметры, кторые пишутся в стиль тега - эти параметры
не работают именно в IE8-9 внутри скрипта /tiny_mce/themes/advanced/js/image.js внутри функции updateStyle.

Т.е. происходит примерно следующее: во всех браузерах при редактировании картинки в updateStype приходит строка
стиля тега img, которая распарсивается

Код


st = tinyMCEPopup.dom.parseStyle(this.styleVal);

во всех бразурах, если никакой стиль не задан, то приходят некоторые значения по умолчанию, а вот в IE приходит Undefinit!!!

поэтому при попытке редактироваания стиля функция падает на строчках:

Код


delete st['float'];
delete st['vertical-align'];

- и т.п.

Но что характерно, если для тега img руками прописать стили, кторые должны редактироваться, то баг исчезает,
но я ж не могу каждый раз так руками подправлять, судя по тому что с этим багом никто не париться, то какое то решение есть.

-----------------------------

Настройки редактора TinyMCE у меня следующие:

Код


unction initTextEditor() {
        $('textarea.texteditor_tinymce_advanced').tinymce({
            script_url: "http://" + location.host + "/TinyMCE/jscripts/tiny_mce/tiny_mce.js",
            
            theme: "advanced",
            language: 'ru',
            width: ($(document).width() - 350),
            height: "480",

            theme_advanced_buttons1: "newdocument,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,fontselect,fontsizeselect,formatselect",
            theme_advanced_buttons2: "cut,copy,paste,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,image,|,code,preview,|,forecolor,backcolor",
            theme_advanced_buttons3: "removeformat,|,sub,sup,|,charmap",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_statusbar_location: "bottom",
            theme_advanced_resizing: true
        });
    }

Вопрос: вопрос как обойти этот баг в Internet Explorer - может есть плагин, кторый это фиксит или может нужно в настройках tinymce что-то поменять,
чтобы теги img в нем вставлялись со стилями по умолчанию или какое то ещё решение???

2. Второй вопрос: Когда же разработчики Internet Explorer сгорят в аду?!?!?!

---------------------------------------------------------------
P.S.: на второй вопрос можно не отвечать.