javascript - 在 jQuery TE 中获取 HTML 格式并在另一个 HTML 页面的 Div 中显示相同的格式

Question

我正在使用 jQuery TE 进行文本格式化。我在文本编辑器中输入一些文本并执行一些操作，例如粗体、斜体、有序列表、文本标题和格式设置。一旦我完成文本格式设置。

我需要点击提交按钮。单击提交按钮后，我需要获得与在文本编辑器中输入的格式相同的格式，并且需要在另一个 HTML 页面中以相同的格式显示 div 中的内容。请检查下面的 HTML 和 jQuery。提前致谢..

第 1 页:

HTML:

<textarea name="textarea" id="textArea"></textarea>
<button id="getData">Sumbit</button>

jQuery:

$('#textArea').jqte();
$("#getData").click(function() {
    window.htmlString = $( '#textArea' ).html();
    $( '#receiceData' ).html( htmlString );
});

第 2 页:

HTML:

<div id="receiceData"></div>

Answer 1

First-page(demo.html)

HTML content
<form action = "./demo1.html" method="GET">
    <textarea id = "textArea" name="text"></textarea>
    <button id="getData">Done</button>
</form>

JS content
$(document).ready(function(){
 $('textarea').jqte();
$("#getData").click(function() {
    var htmlString = $( '#textArea' ).val();
    localStorage.setItem("data", htmlString);

});

});

second page(demo1.html)

HTML content    
<p id="receiceData"></p>

JS content
<script>
     var htmlString =     localStorage.getItem("data");
  $( '#receiceData' ).html(htmlString);
</script>