Отобразить текст как html

Question

Подскажите, пожалуйста, у меня есть небольшой визуальный редактор на js для написания статей.Т.е. есть textarea, а над ним кнопки оформления текста. Есть кнопка добавить html:

$('body').on('click', '.toolbar-html', function(){
    var html = prompt('Введите HTML код', '');
    document.execCommand('insertHTML', false, html);
    return false;
});

А как сделать так, чтобы я могла редактировать вставленный html код или по другой кнопке перевести текст в html, а потом обратно в обычный вид?

Answer 1

Примитивный пример от меня такой.

let update = document.getElementById("update");
update.addEventListener("click", ()=> {
  let container = document.getElementById("container");
  
  let text = document.getElementById("text");
  container.innerHTML = text.value;
  
  let text1 = document.getElementById("text1");
  text1.value = container.innerHTML;
})

<textarea id="text" cols="40" rows="5"><h1>input here html sample and press button</h1></textarea>
<br>
<div id="container">Container</div>
<br>
<button id="update">Update Container</button>
<br>
<textarea id="text1" cols="40" rows="5"></textarea>

БЛОГ НА HUSL

Отобразить текст как html

Ответы (1 шт):