Page History

 <script>
function renderAndInsertMarkup(markup, containingElement) {
 var dataObj = {};
 dataObj.representation = "storage";
 dataObj.content = {};
 dataObj.content.id = AJS.params.pageId;
 dataObj.value = markup;
 
 jQuery.ajax({dataType: 'json',
  contentType: 'application/json',
  type: 'POST',
  url: '/rest/api/contentbody/convert/view',
  data: JSON.stringify(dataObj),
  success: function(response) {
   jQuery(containingElement).append(response.value);
  }
 });
}
renderAndInsertMarkup(` <p class="auto-cursor-target">
  <ac:structured-macro ac:macro-id="66b142b5-b984-42cf-bfea-9be957a4bdf8" ac:name="dynamic-chat" ac:schema-version="1">
    <ac:parameter ac:name="TopicId">3</ac:parameter>
  </ac:structured-macro>
</p>`, "#output-markup");
</script>
<div id="output-markup">