Несколько редакторов Summernote Wysiwyg на одной странице имеют одинаковый заполнитель - PullRequest
Новая
       36

Несколько редакторов Summernote Wysiwyg на одной странице имеют одинаковый заполнитель

0 голосов
/ 04 июня 2019

В настоящее время я использую Summernote, который хорошо работает во всем приложении, однако у меня возникла небольшая проблема, когда у меня есть 2 функции на одной странице.Я считаю, что заполнитель во втором редакторе наследует тот из первого.Есть ли простой способ обойти это, не создавая wysiwyg-editor1 и wysiwyg-editor2? 

editor = $('[data-toggle="wysiwyg-editor"]');

default_options = {
   minHeight: 400,
   styleTags: ['p', 'h1', 'h2', 'h3',],
   toolbar: [
        ['cleaner', ['cleaner']],
        ['insert', ['table', 'link']],
        ['style', ['bold', 'italic', 'underline', 'clear']],
        ['font', ['strikethrough', 'superscript', 'subscript']],
        ['para', ['ul', 'ol']]
    ],
    placeholder: $(editor).attr('placeholder'),
    cleaner:{
        action: 'paste',
        newline: '<p></p>',
        keepClasses: true
    },
    prettifyHtml: true,
    disableDragAndDrop: true,
};

editor.summernote(default_options);


<textarea data-toggle="wysiwyg-editor" name="intro" placeholder="Provide an introduction"></textarea>
<textarea data-toggle="wysiwyg-editor" name="description" placeholder="Provide a description"></textarea>

1 Ответ

0 голосов
/ 04 июня 2019

Попробуйте это: 

editor_intro = $('[name="intro"]');
editor_description = $('[name="description"]');

    default_options = {
       minHeight: 400,
       styleTags: ['p', 'h1', 'h2', 'h3',],
       toolbar: [
            ['cleaner', ['cleaner']],
            ['insert', ['table', 'link']],
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['font', ['strikethrough', 'superscript', 'subscript']],
            ['para', ['ul', 'ol']]
        ],
        cleaner:{
            action: 'paste',
            newline: '<p></p>',
            keepClasses: true
        },
        prettifyHtml: true,
        disableDragAndDrop: true,
    };

    default_options.placeholder = $(editor_intro).attr('placeholder');
    editor_intro.summernote(default_options);

    default_options.placeholder = $(editor_description).attr('placeholder');
    editor_description.summernote(default_options);


    <textarea data-toggle="wysiwyg-editor" name="intro" placeholder="Provide an introduction"></textarea>
    <textarea data-toggle="wysiwyg-editor" name="description" placeholder="Provide a description"></textarea>
...