Включить стиль в панель инструментов с помощью специального класса - PullRequest
Новая
       20

Включить стиль в панель инструментов с помощью специального класса

0 голосов
/ 25 апреля 2020

Новое в Summernote. Понравилось до сих пор. Необходимо включить стиль сайта в инструмент «Волшебная палочка c». Не полностью понимаю все параметры 'styleTags'. Вот мой код инициализации. 

    $('.summernote').summernote( {
        height: 100,
        codemirror: { theme: 'monokai' },
        blockquoteBreakingLevel: 2,
        styleTags: [
            'p',
            { title: 'Family',     tag: 'span',       classname: 'ancestor',   value: 'selection' },
            { title: 'Blockquote', tag: 'blockquote', className: 'blockquote', value: 'blockquote' },
            'h1', 'h2', 'h3', 'h4', 'h5', 'h6'
        ],
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'italic', 'underline', 'clear']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['table', ['table']],
            ['insert', ['link', 'picture']],
            ['view', ['fullscreen', 'codeview', 'help']],
        ],
    });

Строки, с которыми у меня проблемы, - это две строки 'title' в styleTags. Выбор любого из элементов «Заголовок» не работает. То, что я просто хочу сделать, это когда я выбираю какой-то текст и использую опцию «Семейство», чтобы выделенный текст был обернут следующим образом ... 

<span class="ancestor">Selected Text</span>

Я понимаю «заголовок», «тег», 'classname' элементы styleTags, но что такое 'value'? Возможно, это та часть, по которой я скучаю.

TIA за любую помощь. jdadwilson

...