TinyMCE inline - просмотр исходного кода

Question

Я хочу изменить этот редактор электронной почты Mosaico.io, чтобы он выглядел как обычная текстовая область TinyMCE, поэтому inline: false,

Проблема, с которой я сталкиваюсь, заключается в том, что всякий раз, когда я оборачиваю все в селектор текстовой области, я получаю обычную текстовую область с необработанным HTML-кодом, который она оборачивает, текстовая область #tinyText даже не "конвертирует" в редактор TinyMCE.

<textarea id="tinyText">
  <div id="main-edit-area" data-bind="click: function(obj, evt) { $root.selectBlock(null); return true; }, clickBubble: false">
      <!-- ko withProperties: { templateMode: 'wysiwyg', templateModeFallback: 'show' } -->
    <div id="main-wysiwyg-area" data-bind="wysiwygScrollfix: true, scrollable: true, fudroppable: { active: draggingImage }, css: { isdragging: dragging, isdraggingimg: draggingImage }, block: content"></div>
      <!-- /ko -->
  </div>
</textarea>

Встроенный не является выбором, потому что пользователи могут захотеть ввести исходный код с самого начала, но если нет текстовой области, они просто не могут.

• Есть ли способ, чтобы все # main-edit-area (это средняя страница, где мы отбрасываем все блоки, чтобы создать электронное письмо) выглядели причудливо и стилизованно, как в текущей живой версии, но внутри текстовой области?
• Или, может быть, есть inline: true, но возможность редактировать исходный код, как это было в обычной текстовой области?
• Или, может быть, есть другой способ сделать что-то?

Заранее спасибо.