在html页面中可视化制表符符号

我想能够使制表符号在html的前区可见。例如，为了使空间可见，我将其替换为“·”。对于制表器，我希望看到一个小箭头或类似的

---

你知道我该怎么做吗？

因为你在

pre

标签中工作，所以你能做的样式有点有限。您可以使用

.replace（）

将前置代码中的空格和制表符替换为以下内容：

$('pre').each(function() {
    var content = $(this).html();
    content = content.replace(/ /g, '.').replace(/\t/g, '----');
    $(this).html(content);
});

---

jsfdle:

你能说得更具体些吗？如果你是说空格，你可以使用

这个问题似乎离题了，因为它是关于为文本表示选择字符的。

pre

元素实际上是从HTML到纯文本的转义，当在纯文本文件中显示数据时，您会遇到完全相同的问题。有许多字符可供选择；问题并没有指定选择不同箭头字符的标准。问题不是选择字符，我想让选项卡区域可见，而不是用另一个替换选项卡符号。它适用于空间，因为在预空间中，任何其他符号的大小都相同。但对于制表者来说，情况并非如此。根据制表器的上下文，单个制表器可以用最多4/8个字符的pre表示。