javascript — получить исходный код элемента в переполнении стека

У меня есть контейнер с динамическим содержимым. Пользователи могут редактировать контент с помощью встроенного редактора Froala Editor.

<div id="froala-editor">
DYNAMIC HTML CONTENT
</div>

Я хочу вывести исходный код, сгенерированный редактором froala, в переменную php.

Я попытался использовать функцию редактора froala для этого, но это не дает никакого результата.

$('div#froala-editor').froalaEditor('html.get');

Я также попытался написать свою собственную функцию:

<?php
ob_start();
?>
<script>
document.write($('div#froala-editord').html());
</script>
<?php
$output = ob_get_contents();
ob_end_clean();

$html_output = htmlentities($output);
echo "<pre>";
echo $html_output;
echo "</pre>";
?>

Но этот фрагмент дает результат:

<script>
document.write($('div#froala-editor').html());
</script>

Я хочу получить исходный код #froala-editor div и сохраните его в переменной php.

Я также пытался использовать file_get_contents() но файл, в котором есть этот div, также содержит динамическое содержимое.
Также попробовал Простой HTML DOM Parser но он возвращает ошибку, используя file_get_contents()

Когда пользователь закончит редактирование контента с помощью редактора, я хочу отправить форму со скрытым элементом, который имеет значение исходного кода отредактированного контента.