El objetivo es eliminar 4 pestañas al frente en cada línea con el uso de JS.
Cadena actual:
.mockuptext{ max-width: 40%; min-width: 150px; max-height: 70%; margin: 3rem; padding: calc(1rem + 30px) 1.5rem 1rem 1rem; }Cadena deseada:
.mockuptext{ max-width: 40%; min-width: 150px; max-height: 70%; margin: 3rem; padding: calc(1rem + 30px) 1.5rem 1rem 1rem; }Posiblemente hay múltiples formas de hacer esto. Dado que no compartió el contexto/caso de uso de este problema, asumo que ya tiene un medio para acceder a la cadena y almacenarla en una variable. Si tiene eso, puede consultar el código a continuación.
Puede usar expresiones regulares para buscar y reemplazar apariciones de 4 pestañas al comienzo de cada línea.
El Regex que estoy usando para unir 4 pestañas al comienzo de cada línea es \^\t{4}\gm :
gm al final de la expresión regular significa global (es decir, devolver todas las coincidencias, no solo la primera) y multilínea; el indicador multilínea le dice al comparador de expresiones regulares que realice la coincidencia en cada línea en lugar de al comienzo de la cadena.^ coincide con el principio de la línea\t{4} coincide con 4 caracteres de tabulación. Para modificar realmente la cadena, estoy usando el método de replace . que toma una expresión regular y reemplaza todas las coincidencias de la expresión regular con el segundo argumento del método.
let s = `\ \t\t\t\t.mockuptext{\n \t\t\t\t\tmax-width: 40%;\n \t\t\t\t\tmin-width: 150px;\n \t\t\t\t\tmax-height: 70%;\n \t\t\t\t\tmargin: 3rem;\n \t\t\t\t\tpadding: calc(1rem + 30px) 1.5rem 1rem 1rem;\n \t\t\t\t}\n `; console.log(s); console.log(s.replace(/^\t{4}/gm, ""))También puede crear una función para encapsular el envoltorio como:
function replace4Tabs(s) { return s.replace(/^\t{4}/gm, "") }y si tiene un elemento html que desea actualizar, puede usar
elem.innerHTML = replace4Tabs(elem.innerHTML);
PD: Si es nuevo en Regex, he encontrado que Regex101 es un gran recurso. Resaltará las coincidencias a medida que escribe y proporcionará una explicación de cómo Regex coincide con https://regex101.com/r/7SxOEM/1