JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    Неа так не работает
    <!--moder 
       <p>Цена: 1000 руб.</p>
       <p>Цвет: Красный </p>
    -->
    Вот тут контент не туда =
       <!--moder 
       <p>Цена: 2000 руб.</p>
       <p>Цвет: Зеленый </p>
    --> 
    так что облом
</div>

JavaScript

$('#content').ready(function() {
    sTemp = $('#content').html();
    pat = /<!--moder[\s\S]*?-->/gmi;
    if ((lkj = pat.exec(sTemp)) != null) {
        Modcocontent(String(lkj))
    };
});

function Modcocontent(Mod) {
    Mod = Mod.replace('<!--moder', '').replace('-->', '');
    $('*').contents().filter(function() {
        return this.nodeType == 8;
    }).each(function(i, e) {
        if (e.nodeValue.indexOf(Mod) != -1) {
            if ($(e).prevAll().size()) {
                $(e).prevAll().eq(0).after(Mod)
            } else {
                $(e).parent().contents().filter(function() {
                    return this.nodeType == 8;
                }).eq(0).after(Mod)
            };
        };
    });
};