Редактор Froala сохраняет отступ при вставке кода

У меня возникли проблемы с вставкой во Froala. У меня есть кнопка пользовательского кода, которая добавляет теги <pre><code>Code here</code></pre>:

$('textarea[name="description"]').editable({
    customButtons: {
        insertCode: {
            title: 'Insert code',
            icon: {
                type: 'font',
                value: 'fa fa-code'
            },
            callback: function() {
                if (!this.selectionInEditor()) {
                    this.$element.focus(); // Focus on editor if it's not.
                }

                var html = '<pre><code>' + (this.text() || '&#8203;') + '</code></pre>';

                this.insertHTML(html);
                this.saveUndoStep();
            }
        }
    }
});

Я хотел бы иметь возможность вставлять код в редактор, удалять стили, но сохранять разрывы строк и отступы. Подобно тому, как здесь на SO с CNTL+K. Это возможно?


person JasonK    schedule 20.10.2014    source источник


Ответы (1)


Вы должны заменить this.text() чем-то, что получает выбранный HTML, а не выбранный текст. Редактор Froala WYSIWYG не имеет такого механизма, но вы можете использовать ответ из Get Выбранный HTML в браузере через вопрос Javascript.

person st3fan    schedule 23.10.2014