在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>