php - Composition de chaînes HTML

Question

J'ai maintenant une chaîne de code HTML et je souhaite la formater. Existe-t-il une méthode disponible ? Nous avons besoin d'un plug-in ou d'une méthode js pouvant être utilisée pour la conversion dans le projet. Par exemple, la chaîne d'origine est : {code...} Ajoutez des espaces et des nouvelles lignes pour devenir une nouvelle chaîne : {code...}

世界只因有你 · Answer

La première solution consistait à utiliser des expressions régulières pour répondre à la question, mais cela n'a pas fonctionné.
J'ai fait le tri dans mes pensées et je l'ai parfaitement résolu (je pense que c'est parfait).

function codeFormat(code, indent, tmpIndent){
    var indent = indent || '  ';
    var tmpIndent = tmpIndent || '
';
    var preg = /<(\S*)([^>]*)>([\s\S]*?)/ig;
    return code.replace(preg, function(/*
    感觉没什么难度，一个循环
    遇见 >后跟<，换行
    遇见 < 缩进
    遇见 " && keyNext == "<" ){
            result += "
";
        }
    }
    return result;
}

codeFormat("
This is a p
This is another p
");
/*

  
This is a p
  This is another p

*/
codeFormat('
This is a p
This is another p
', '    ');
/*

    
        
        
    
    
        
            
This is a p
            This is another p
        
    

*/, , , ){
        return tmpIndent + '<' +  +  + '>'
            + codeFormat(, indent, tmpIndent + indent)
            + ( .trim().substr(0,1) == '<' ? tmpIndent : '') 
            + '';
    });
}
codeFormat("
This is a p
This is anothers p
This is a p
This is another p
");
/*

  
This is a p
  This is anothers p


  
This is a p
  This is another p

*/
codeFormat('
This is a p
This is another p
', '----');
/*

----
--------
----
----
--------
------------
This is a p
------------This is another p
--------
----

*/

Voici l'ancienne réponse pour les boucles :

rrreee

怪我咯 · Answer

Pourquoi ma question continue-t-elle à être rejetée ? Encore une bonne question. . . .
@mqycn , @zhenguoli

C'est un plan écrit par mon amie @candy :

import _ from 'lodash';

const splitOnTags = str => str.split(/(]+>)/g).filter(line=>line.trim()!="");
const isTag = str => /<[^>!]+>/.test(str);
const isClosingTag = str => /]+>/.test(str);
const isSelfClosingTag = str => /<[^>]+/>/.test(str);
const isOpeningTag = str => isTag(str) && !isClosingTag(str) && !isSelfClosingTag(str);

export default (str, indent) => {
  let depth = 0;
  indent = indent || '    ';

  return splitOnTags(str).map(item=>{
    if(isClosingTag(item)) {
      depth--;
    }

    const line = _.repeat(indent, depth) + item;

    if(isOpeningTag(item)) {
      depth++;
    } 

    return line;
  }).join('
');
}

黄舟 · Answer

http://tool.oschina.net/codef... En ligne. D'autres éditeurs incluent embellir

伊谢尔伦 · Answer

Pour les outils de développement, vous pouvez essayer l'éditeur VSCode.

https://code.visualstudio.com/

Une fois l'installation terminée, appuyez sur shift-ctrl-x pour ouvrir la liste des plug-ins, recherchez Beautify et installez-le pour embellir le code HTML.
Référez-vous aux paramètres correspondants ici :

https://marketplace.visualstu...

Vous pouvez utiliser HTML String Parser pour convertir des formats en code, tels que

https://www.npmjs.com/package...

Ou vous pouvez utiliser cheerio pour analyser le texte DOM et le rééditer.

3. (Il n'est pas difficile de recréer un analyseur HTML, référez-vous à ma chronique
http://ewind.us/2016/toy-html...