Спасибо за разъяснение на счет макета.
В один HTML поместил. Под спойлером. Два поля: в верхнее вставляет некоторый код, после нажатия кнопки, в нижнем появляется результат после обработки.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="assets/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<title></title>
</head>
<body>
<div class="container">
<div class="row">
<div>
<label>Поле, откуда скрипт берет данные для обработки</label>
<textarea class="form-control" name="insertArea" id="insertArea" cols="80" rows="15"></textarea>
</div>
<div class="text-center" >
<button type="button" name="sendTo" value="Send to" id="sendTo" class="btn btn-success">Кнопка</button>
</div>
<div>
<label>Поле, куда скрипт кладет обработанные данные</label>
<textarea name="pastArea" id="pastArea" cols="80" rows="15"></textarea>
</div>
<br>
</div>
</div>
<script>
var Final = '';
$('#sendTo').on('click', function () {
var bodyVal = $('#insertArea').val();
var div = $("<div>", {html : bodyVal});
$('*', div).each(function (i,el) {
var bg = $(this).css('background').replace('url(','').replace(')','').replace(/\"/gi, "");
var srcValUrl= bg.substr(bg.lastIndexOf("/")+1,bg.length);
$(this).css("background","{{ asset('layers/'. $template_folder .'/img/' "+ srcValUrl +" ') }}");
});
Final += div.html().trim();
$('#pastArea').val(Final);
});
</script>
</body>
</html>
Можно попробовать с такими вводными:
<span style="background: url('https://yastatic.net/morda-logo/i/citylogos/yandex_no1-logo-ru.png');"></span>
На выходе ожидаю:
<span style="background: url('{{ asset('layers/'. $template_folder .'/img/' yandex_no1-logo-ru.png') }}');"></span>
Подозреваю, что нужно примерно в этом русле думать на 31-й стр: $('*', div).css('background').each(function (i,el)