Как показать HTML результат просмотра в WordPress пост

Question

Я хочу показать html-код в textarea, а затем пользователь может кликнуть мышью, чтобы просмотреть результат.

код:

<textarea id="html" cols="50" rows="10">&lt;html&gt;
&lt;body&gt;
&lt;p&gt;
This text will appear on your webpage.
&lt;/p&gt; 
&lt;!--
the text within these comment tags will not appear on the web page
--&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea>

<div>
<button onclick="view()">View Results</button>
</div>

<script type="text/javascript">
function view()
{
    var result = window.open("", "", "height=400,left=" + ((screen.width) ? (screen.width-400)/2 : 0) + ",top=" + ((screen.height) ? (screen.height-400)/2 : 0) + ",width=400");

    var tmp = result.document;
    tmp.write(document.getElementById('html').value);
    tmp.close();

    return false;
}
</script>

Я пытаюсь опубликовать его на WordPress, но не работает.

Answer 1

WordPress по умолчанию удаляет теги HTML. Самый простой способ начать с этого - использовать плагин, например https://wordpress.org/plugins/wp-coder/, чтобы вставить свой код, а затем использовать шорткод для его запуска. В идеале вы хотите посмотреть на создание своих собственных плагинов, но в качестве быстрого решения это будет идеально для вас :)