При применении TinyMCE редактора теряется стилевое оформление. Как избежать этого?

Question

[Monday_Monster]

Answer 1

[ThunderCat]

Скорее всего у вас запрещены некоторые теги(точнее разрешены всего несколько). Смотрите настройки тини, касающиеся аловед_тагс вроде, или что-то типа того.

<script type="text/javascript">
    $().ready(function() {
        var html =  $("#ds").val();
        tinymce.init({
            selector: 'textarea.mce',
            //editor_selector : "mce",
            height: 500,
            theme: 'modern',
            plugins: [
                'advlist autolink lists link image charmap print preview hr anchor pagebreak',
                'searchreplace wordcount visualblocks visualchars code fullscreen',
                'insertdatetime media nonbreaking save table contextmenu directionality',
                'emoticons template paste textcolor colorpicker textpattern responsivefilemanager imagetools'
            ],
            toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
            toolbar2: 'print preview media | responsivefilemanager| forecolor backcolor emoticons',
            image_advtab: true,
            templates: [
                { title: 'Test template 1', content: 'Test 1' },
                { title: 'Test template 2', content: 'Test 2' }
            ],
            external_filemanager_path:"/filemanager/",
            filemanager_title:"Responsive Filemanager" ,
            external_plugins: { "filemanager" : "/filemanager/plugin.min.js"}
        });
        $('.mce').html(html);
        //tinymce.execCommand('mceInsertContent', false, html);

    });
</script>

Comments

[Monday_Monster]

попробовал некоторые шаги к решению задачи:
valid_elements : '*[*]',
extended_valid_elements: '*[*]',
valid_children : "*[*]",
cleanup: false,
но стили всё равно падают. Может кто знает какие настройки необходимо указать?

[ThunderCat]

Monday_Monster: stackoverflow.com/questions/3037501/tinymce-is-rem...
valid_children : "+body[style]"

[ThunderCat]

Monday_Monster: Monday_Monster: archive.tinymce.com/wiki.php/Configuration3x:valid...

[Monday_Monster]

ThunderCat: в моём случае стили определяются классами bootstrap'a. Но и запись "+body[class]", также как и "+body[style]" не фиксируют стилевые свойства(((. Написал разработчикам TinyMCE по этому поводу, надеюсь вопрос решится. Возможно требуется указать в настройках все используемые классы на странице, но есть сомнения, ведь при настройке указываются классы контента редактора, про стили всей страницы ничего не нахожу. Вопрос открыт, любая помощь приветствуется.

[Monday_Monster]

ThunderCat: пробую указать все свойства тэгов:
valid_elements : '+body[class], +div[class|id]',
extended_valid_elements: '+body[class], +div[class|id]',
valid_children : "+body[class], +div[class|id]",

всё равно стили не отображаются. Надо ли указать стили прямо в html-коде, как считаете?

p.s.
Разработчики TinyMCE указывают на свой форум и на платной основе готовы оказать поддержку, и не мудрено.

[ThunderCat]

Monday_Monster: сейчас смотрел свой старый код с тини, где тоже надо было сохранять стили, там вроде ничего особого нет, добавил в ответ - вдруг поможет.

[Monday_Monster]

ThunderCat: оказалось без всяких дополнительных настроек всё нормально отображается. Ошибка возникала при использовании второй генерации View'ки, для добавления новости. Я использую парадигму MVC. Следует сделать отдельный Controller для добавления новости.

[ThunderCat]

Monday_Monster: да, блин, не всегда грабли ярко подсвечены и не засыпаны травой )