Редактор Froala продолжает отступать при вставке кода

Question

У меня возникают проблемы с вставкой в ​​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. Это возможно?

Answer 1

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