Froala удаляет встроенные стили при использовании html.insert - PullRequest
Новая
       11

Froala удаляет встроенные стили при использовании html.insert

0 голосов
/ 12 сентября 2018

Когда я использую функцию html.insert с Froala, она удаляет встроенные стили.

Использование редактора выглядит следующим образом: 

        $('.fr-view').froalaEditor({
        // Set custom buttons with separator between them.
        toolbarButtons: ['paragraphFormat', 'bold', 'italic', 'strikeThrough', 'formatOL', 'formatUL', 'clearFormatting', 'link', 'unlink', 'myButton', 'image', 'blockquote', 'html'],
        paragraphFormatSelection: true,
        refreshAfterCallback: true,
        imageEditButtons: ['replaceImage', 'imageDisplay', 'imageAlign', 'imageRemove'],
        linkEditButtons: ['linkOpen', 'linkRemove'],
        linkNoReferrer: false,
        htmlAllowedTags: ['.*'],
        htmlRemoveTags: ['']

    });

Функция вставки Html выглядит следующим образом: 

$('.fr-view').froalaEditor('html.insert', '<a href="' + imgLink + '" target="_self" ><img src="' + finalImgSrc + '" style="' + imgStyle + '" alt="' + altTitle + '" title="' + altTitle + '" /></a>', true);

У кого-нибудь есть идеи, почему встроенные стили удаляются?

1 Ответ

0 голосов
/ 13 сентября 2018

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

        $('.fr-view').froalaEditor({
        // Set custom buttons with separator between them.
        toolbarButtons: ['paragraphFormat', 'bold', 'italic', 'strikeThrough', 'formatOL', 'formatUL', 'clearFormatting', 'link', 'unlink', 'myButton', 'image', 'blockquote', 'html'],
        htmlAllowedStyleProps: ['font-family', 'font-size', 'background', 'color', 'width', 'text-align', 'vertical-align', 'background-color', 'float'],
        paragraphFormatSelection: true,
        refreshAfterCallback: true,
        htmlUntouched: true,
        imageEditButtons: ['replaceImage', 'imageDisplay', 'imageAlign', 'imageRemove'],
        linkEditButtons: ['linkOpen', 'linkRemove'],
        linkNoReferrer: false,
        htmlAllowedTags: ['.*'],
        htmlRemoveTags: ['']

    });

htmlUntouched и htmlAllowedStyleProps

...