Читать значение из Textarea в HTML и отображать форматированный текст во всплывающем окне

Question

Ниже приведен код, в котором я хочу прочитать значение из Textarea и отобразить его во всплывающем окне.

Например, адрес, который является форматированным текстом, приведенный выше код работает, но текст, который читается, не отформатирован Я хочу, чтобы он был отформатирован.

Пожалуйста, помогите, поскольку я ищу альтернативу bootstrap модальный.

Answer 1

извините, не могу заставить всплывающее окно работать, так что делайте href, но наверняка его легко исправить после того, как вы увидите, что кто-то исправит это

 $('#click').click(function() {
  var html = document.getElementById("text").value;
var dataURI = 'data:text/html,' + encodeURIComponent(html);
window.location.href = (dataURI);
console.log(dataURI);
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id = 'text'></textarea>
<button id = 'click' onclick=''>open popup</button>