Tinymce-angular: редактор полноэкранного режима - PullRequest
Новая
       46

Tinymce-angular: редактор полноэкранного режима

0 голосов
/ 30 декабря 2018

Я использую <editor *ngIf="defaultContent" [(ngModel)]='defaultContent' [init]='editorConfig'>

https://github.com/tinymce/tinymce-angular

Это моя конфигурация ниже - 

export const editorConfig = {
    skin_url: '/assets/skins/lightgray',
    theme: 'modern',
    content_css: targetElt.getAttribute('href'),
    height: 300,
    branding: false,
    // content_security_policy: 'script-src \'self\' \'unsafe-inline\'; connect-src \'self\'; img-src \'self\';' +
    //     'style-src \'self\' \'unsafe-inline\';',
    plugins: 'textcolor anchor link lists wordcount fullscreen hr code table', // template
    hidden_input: false,
    menubar: false,
    toolbar1: 'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify  |' +
    'numlist bullist outdent indent  | paste | section | row | info | fullscreen | template | removeformat |' +
    'undo redo | code | table',
    templates: [
        {
            title: 'Some title 1', description: 'Some desc 1', content: '<div class="col-sm-12"><div class="row widget-sd">' +
            '<div class="sd-img col-sm-3"><img src="https://image.flaticon.com/icons/svg/321/321718.svg"></div>' +
            '<div class="col-sm-9"></div></div></div>'
        }
    ],
    table_default_attributes: {
        'border': '0'
    },
    table_default_styles: {
        'border-collapsed': 'collapse',
        'width': '100%'
    },
    table_responsive_width: true,
    table_advtab: false
}

Когда я нажимаю на полный экран редактораа затем я нажимаю на задний экран браузера и снова захожу на экран редактора, затем экран останавливается, на моей теме не отображается полоса прокрутки.

1 Ответ

0 голосов
/ 31 декабря 2018

Я удалил класс .mce-fullscreen в ngOnDestroy.

document.body.className = document.body.className.replace ('mce-fullscreen', '');$ ('html'). removeClass ('mce-fullscreen');

...