html - 根据缩进的文本格式

Question

嗨，有人可以帮助我了解 stackoverflow 问题的代码区域是如何工作的（技术上）。
我的意思是它在缩进文本时格式化文本的方式。

例子：没有缩进

 example: with indentation ( text background color and font has changed)

有人可以解释一下这背后的技术吗？我是编程新手，这很难实现吗？我们如何根据文本的缩进来实现这种格式。

Answer 1

一种方法是遍历字符串中的每一行文本，并按缩进级别将它们分组为部分：

var leadingSpaces = /^\s*/;
blockOfText = blockOfText.replace(/\t/g, '    '); // replace tabs with 4 spaces
var lines = blockOfText.split('\n');
var sections = [];
var currentIndentLevel = null;
var currentSection = null;
lines.forEach(function(line) {
    var indentLevel = leadingSpaces.exec(line)[0].length;
    if (indentLevel !== currentIndentLevel) {
        currentIndentLevel = indentLevel;
        currentSection = { indentLevel: currentIndentLevel, lines: [] };
        sections.push(currentSection);
    }
    currentSection.lines.push(line);
});

然后，一旦你有了这些部分，你就可以遍历它们：

sections.forEach(function(section) { 
    switch (section.indentLevel) {
        case 4:
            // format as code
            break;
        // etc.
        default:
            // format as markdown
            break;
    }
});