Сергей Соколов

можно создать временный элемент <template>, вставить в него этот HTML,
и забрать из него DocumentFragment

Фрагмент — это примерно как DOM-документ, его можно рекурсивно обойти через свойство children

Например, в строке содержится такой HTML:

<div>
  <p>Text</p>
  <ul>
    <li>Apple</li>
    <li>Banana</li>
  </ul>
</div>

И примерно такой код:

const tmpl = document.createElement('template');
tmpl.innerHTML = msg; // строка с HTML
const df = tmpl.content; // DocumentFragment

df.children // массив из одного элемента: наружний div
df.children[0].children // массив с двумя эл.: параграфом и списком
df.children[0].children[1].children[1].textContent // "Banana"

Если с минимумом изменений, то так:

-        field = field.replace(badWords[i], '*');
+        field = field.replaceAll(badWords[i], '*'.repeat(badWords[i].length));

звёздочку повторить столько раз, сколько букв в заменяемом слове.

Наверное, есть более разумные решения, но попробуйте использовать динамические компоненты Vue.

Строку разбить на узлы: текстовые и компоненты. Сделать какой-то минимальный компонент для просто-текстовых кусков.

Например, из строки 'lorem ipsum dolor [placeholder|1] sit amet [placeholder|2]'
сделать массив

[
  ['text', 'lorem ipsum dolor'],
  ['copy', 1],
  ['text', 'sit amet'],
  ['copy', 2],
]

если я правильно понял, что каждый из плейсхолдеров копирует значение после вертикальной черты – первый копирует 1, второй 2.

В темплейте перебрать этот массив примерно так

<template v-for="item in items">
  <component :is="text" v-if="item[0] === 'text'">{ item[1] }</component>
  <component :is="copy" v-if="item[0] === 'copy'" :value="item[1]" />
</template>

в рендере во время обхода массива при каком-то текущем значении index
удаляете этот же элемент в deleteEl()
После удаления, выходит, index уже указывает на следующий элемент и не отрисовывает его.

TL&DR не изменять массив изнутри forEach()

Ну и вообще, render() не место для изменения данных. Пусть каждый занимается своим делом: render() только рисует что есть. delete() только удаляет элемент из массива (и вызывает render())

Надо «делегировать» — слушать события на общем родителе. Тогда свеже-созданные элементы тоже попадут в обработку – события на них «пузырьком» поднимаются вверх, там-то их и поймают.

$('.table_body').on('change', '.input_ptp_tema', function() {

См. Direct and delegated event handlers в документации к .on()

function findWord() {
  const text = document.getElementById('text_34').value;
  const word = document.getElementById('word_34').value;
  const outputElement = document.getElementById('output_34');

  const re = new RegExp(word, 'gi'); // в word хорошо бы экранировать спец-символы RegExp'ов
  function wrapInSpan(match) {
    return '<span>' + match + '</span>';
  }

  outputElement.innerHTML = text.replace(re, wrapInSpan);
}

value текстового поля ввода это просто строка текста, что бы там ни вводили.

Я бы не ждал от пользователя знания синтаксиса JSON массивов JavaScript со всеми этими квадратными скобками, и позволил вводить числа через запятую и, может, ещё пробел.

Строку текста можно разбить в массив методом split():

const str = '1,2, 3,   4'; // то, что забрали из value инпута
const separator = /,\s*/; // рег. выражение: запятая и потом 0 или больше пробелов
const arr = str.split(separator); // [ "1", "2", "3", "4" ]

тут ешё один подвох: элементы массива по-прежнему строки. Не число 1, а строка "1".

Перевести элементы массива в числа можно, например, функцией Number(). Нужно каждый элемент получившегося массива прогнать через эту функцию. Для этого есть метод массива map():

const arr = str
  .split(separator)
  .map(Number); // [ 1, 2, 3, 4 ]

вот теперь больше похоже на желаемый, наверное, результат?

Вероятно, клонируемый объект содержит циклические ссылки, типа

const a = {};
const b = {};
a.b = b;
b.a = a;

cloneDeep(a); // бесконечный цикл

Попробуйте подсмотреть реализацию cloneDeep() в loDash. В реале там вызывается baseClone()

Можно сохранять каждый обработанный ранее объект в Map – и проверять, не имели ли с ним уже дела ранее – тогда вместо изготовления ещё одной копии просто вставлять ранее сделанный клон.

поменяйте условия местами:
сначала проверяйте if (x >= 200)
потом уже else if (x >= 100)

- 		var zamenaSlova = textArea.replace(resStr,`<span>${resStr}</span>`);
+ 		var zamenaSlova = textArea.replaceAll(resStr,`<span>${resStr}</span>`);

Точка в регулярном выражении – один из специальных символов – означает «любой 1 символ». Чтобы буквально обозначить обычную точку, надо её экранировать обратным слешем: \.

В задаче, наверное, вовсе не нужны регулярки, тут же простая замена подстроки:

const str = '1 августа 2022 г.';
str.replace(' г.', '')  // "1 августа 2022"

Если замен несколько, то вместо replace() использовать метод replaceAll()

arr.filter() будет передавать по очереди каждое из чисел массива arr в функцию,
и оставит в выходном массиве только те числа, для которых функция вернула true. См. документацию Array.prototype.filter()

Функция должна вернуть true для чисел, у которых первая цифра 1, 2 или 5.

Один из способов – сделать из числа текстовую строку, и взять её первый символ. Т.е. первую цифру, тоже как текст.

К строке текста в JavaScript можно обращаться как к массиву – забирая по индексу одну из букв:
"Habr"[0] // "H" вот тут такой вариант и используют.

Метод startsWith() — метод строки. Есть только у строки. Тоже годится для получения из строки текста первого символа. Но [0] короче.

Чтобы new Promise() куда-то сдвинулся,
надо вызвать одну из двух функций, передаваемых во внутрь:

new Promise((resolve, reject) => {
  // что угодно происходит
  // и в какой-то момент
  resolve(value);
});

А то, что внутри вдруг создали новый промис, который сразу в ресолвнутом состоянии – всем безразлично.

Вместо невидимого элемента лучше обернуть заготовку разметки в тег <template> — из него можно забирать готовый DocumentFragment, который клонировать и наполнять данными.
Класс невидимости убрать за ненадобностью.

Intl.NumberFormat

const number = 123456.789;

new Intl.NumberFormat('ru-RU').format(number);
// "123 456,789"

по умолчанию { style: 'decimal' }

Но..

new Intl.NumberFormat('ru-RU', { minimumFractionDigits: 6 })
  .format(123456.789012345);
// "123 456,789012" - после запятой не разделяет