javascript - 自动删除HTML模板中的注释

Question

我正在为清理html模板创建一个前端。模板发布到API，不接受某些字符，例如

等css注释

 //margin-top: 10px;
 <!-- delete this -->

我创建了一个函数，它通过\ n转换数组中的模板，然后我通过数组查找注释或替换它们的一些字符。问题是当我找到一些//它可以是一个URL。

你建议我做什么？

这是代码。

tiny.on('.sanitize-btn', 'click', function(e) {


    const inputToSanitize = document.querySelector('.textarea').value;
    const previewOfHtmlSanitizedAndCompress = document.querySelector('.ui-sanitazer__error-show');

    const lines = inputToSanitize.split('\n');

    for(let i = 0; i < lines.length; i++) {

        if(lines[i].indexOf('//') !== -1 || lines[i].indexOf('<!--') !== -1 || lines[i].indexOf('/*')) {
            lines.splice(i, 1);     
        }
    }

    const newtext = lines.join('\n');

    const finalInput = newtext
                .replace("'", "\'")
                .replace("¿", "\¿")
                .replace("?", "\?")
                .replace("$", "&#36;")
                .replace("!", "&#33");

    previewOfHtmlSanitizedAndCompress.innerHTML = finalInput;
}