вставка WYSIWYG методом javascript
 

Я подключил редактор и он отлично работает

<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>

но это когда <textarea> сразу в коде, а я хочу добавлять <textarea>
методом чистого javascript
делаю это так

document.querySelector('.add_text_block').addEventListener('click', function () {
var text_block ='<textarea id="first_text" name="first_text" >Easy (and free!) You should check out our premium features.</textarea>';
var doc = document.getElementById('letter_body')
var div = document.createElement('div');
    div.innerHTML = text_block;
    doc.appendChild(div);
	tinyMCE.init({
       selector: "#first_text"

    });
},false);

но не приминяются даже стили хотя css файл подключен, может требуется как то построение DOM ? подскажите как быть

https://www.tinymce.com/docs/get-sta...partofawebform
а нелокально всё работает

<button class="add_text_block">add_text_block</button>
<div id="letter_body"></div>
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
 <script>
document.querySelector('.add_text_block').addEventListener('click', function () {
var text_block ='<textarea id="first_text" name="first_text" >Easy (and free!) You should check out our premium features.</textarea>';
var doc = document.getElementById('letter_body')
var div = document.createElement('div');
    div.innerHTML = text_block;
    doc.appendChild(div);
	tinyMCE.init({
       selector: "#first_text"

    });
},false);
</script>