Shimpanze

О причине вам уже написали. Поделюсь примером как заставить ваш код работать:

async function my_function() {
  console.log('1');
  await new Promise(resolve => {
    setTimeout(() => {
      console.log('2');
      resolve();
    }, 1000);
  });
  console.log('3');
}

Или можно вынести функцию setAsyncTimeout:

function setAsyncTimeout(cb, timeout) {
  return new Promise(resolve => {
    setTimeout(() => {
      cb();
      resolve();
    }, timeout);
  });
}

async function my_function() {
  console.log('1');
  await setAsyncTimeout(() => { console.log('2'); }, 1000);
  console.log('3');
}

Потому что await работает только с Promise-like объектами, то есть объектами имеющими метод then()
Под капотом await работает примерно следующим образом:

// пусть value - результат операции справа от await
// resolve - функция, которая получает 1 аргумент, который вернет await
// (но не раньше выполнения микротасков event loop)
// reject - функция, которая получает 1 аргумент, который пробросит исключение в await
// (но не раньше выполнения микротасков event loop)
if(value && typeof value.then === 'function') {
  value.then(resolve, reject);
} else {
  resolve(value);
}

Про event loop, а так же что в нем микротаски - гуглите. Скажу лишь одно, микротаски выполняются на каждой итерации event loop притом все сразу, пока не закончатся.

console.log синхронный, оборачивание его в await не даст результата, кроме разве что следующее действие (которого в примере нет) будет выполнено в следующем микротаске, но по сути сразу же
setTimeout - асинхронный, но на колбэках, необходимо либо обернуть его в Promise либо в Promise-like объект.
Вариант с Promise:

async function my_function() {
  console.log('1');
  await new Promise(resolve => setTimeout(resolve, 1000));
  console.log('2');
  console.log('3');
}

Вариант с Promise-like:

async function my_function() {
  console.log('1');
  await {then(resolve) { setTimeout(resolve, 1000); }};
  console.log('2');
  console.log('3');
}

В первом случае переменная element будет приведена к булеву, и если изначально в ней содержится значение, которое будет приведено к false, то код element.nextSibling не будет вызван. В этом конкретном случае это используется как проверка на null и undefined до начала первой итерации цикла.

/root/span[translate(@style, '; ', '') = 'text-decoration:underline']

Достаточно одного символа <
Но тема безопасности обширнее, чем только противодействие XSS.

function my_function(str, flag) {
    if (typeof flag === 'undefined' || flag !== true) {
        document.write(str);
    } else {
        document.write("<p style='color: red;'>" + str + "</p>");
    }
}

Всё просто если разбить на части

1. Посмотрим текстовое содержимое всех ссылок и отсечём те, что не пусты.
2. Посчитаем детей и оставим только элементы с одним ребёнком
3. Готово

XML

<root>
	<a href="#"><img src="image1.jpg" /></a>
	<a href="#">    <img src="image2.jpg" />    </a>
	<a href="#">
	  <img src="image3.jpg" />
	</a>
	<a href="#">
	  <img src="image4.jpg" />
	  <img src="image5.jpg" />
	</a>
	<a href="#">
	  <img src="image6.jpg" />
	  Изображение с изображением изображения
	</a>
	<a href="#"><img src="image7.jpg" />Изображение с изображением изображения</a>
</root>

XPath

/root/a[normalize-space(translate(., ' ', '')) = '' and count(*) = 1]/img

Result

Element='<img src="image1.jpg"/>'
Element='<img src="image2.jpg"/>'
Element='<img src="image3.jpg"/>'

Легко делается:

var c = "abcdef";
var s = "cd";

//Функция вырезает search_text из content
function removeText(content, search_text) {
	let found = content.indexOf(search_text); //Ищем позицию текста.
	if (found === -1) return content; //Текст не найден, без изменений.
	let part1 = content.substr(0,found); //Берём до совпадения.
	let part2 = content.substr(found + search_text.length); //Берём после.
	return part1 + part2;
}

console.log(removeText(c,s)); // "abef"

Соответственно, в вашем случае с моей функцией будет так:

//Вырезаем некоторый текст из content.value
content.value = removeText(content.value, node.outerHTML);

Вот это можно попробовать, если не подходит, то как вариант создать div на странице с display:none запихнуть туда все что есть в textarea и уже с ним работать

https://developer.mozilla.org/en-US/docs/Web/API/E...
https://developer.mozilla.org/en-US/docs/Web/API/S...
и document.body.clientHeight
https://learn.javascript.ru/onscroll
Сами в кучку свяжете ?
Пример с полностью проскроленой страница хабра

var old = 0;
window.addEventListener("scroll", function() {
  let now = Math.floor(window.pageYOffset / 500);
  if ( now > old ) {
    console.log("Очередные 500", now);
    old = now;
  }
}, false);

Рекомендую phpQuery — парсер с языком запросов в виде CSS (как jQuery).
Для больших объёмов он тяжеловат, но в данном случае поможет.

А вообще, теги съедаются, потому что вы используете аттрибут, который только текст возвращает (как если бы вы в браузере скопировали текст элемента).

Используйте методы для получения исходного XML:
$html = $node->ownerDocument->saveHTML($node);
и прочее.

Больше информации: http://www.php.net/manual/en/class.domelement.php.

В анонимной функции, которою вы вешаете на 'save_post' переменная $my_html не задана. Не совсем понятно, каких данных вы там ожидаете.

Отмечу, что на мой взгляд вы подошли к решению вопросу в корне неверно.
Во-первых, если вам нужен WYSIWYG-редактор в metabox, то для этого есть wp_editor (инструкция - https://stackoverflow.com/a/20276424/4287929)
Во-вторых, если уж решили полоьзоваться div contenteditable, то повесьте js на изменения контента, сохраняйте данные в input type="hidden" и спокойно ловите его вместо попыток парсинга непонятно чего.

потому, что $my_id содержит объект с DOOM деревом, а не строку с ключом поля,
надо как

update_post_meta(
      $post_id,
      'field_key',
      $my_value
    );

сначала выполняется js, а потом браузер переходит по ссылке.
так удаляет, но назад переход будет
https://codepen.io/tyzberd/pen/KLZNVV

Примером показываю как все картинки в контенте оборачиваем в тег с классом (путём перезаписи)

add_filter('the_content', 'my_filter_function');
function my_filter_function($content){
    $content = str_replace('p><img', 'div class="note-section__img"><img', $content);
    $content = str_replace('></p>', '/></div>', $content);
    $out = $content;
   
   return $out;
}
the_content();