Javascript 空间没有';不显示在Minecraft颜色代码上

Javascript 空间没有';不显示在Minecraft颜色代码上,javascript,minecraft,Javascript,Minecraft,所以我在Github上构建了这个小JavaScript库。 现在,它可以完美地工作。它将Minecraft MOTD翻译成HTML代码,以便在网站上显示 我已经实现了对\n的支持,我使用RegEX的replace函数将其转换为 现在,我在名为Mineplex的服务器的MOTD上测试了这个库。 Mineplex以MOTD为中心,这意味着它的两边都有很多空间,可以让它保持在中心 当我使用我的图书馆时,空间没有显示出来。 下面是我的一点意思。最上面一行应该居中 如何解决这个问题?您看不到空格的原因

所以我在Github上构建了这个小JavaScript库。

现在,它可以完美地工作。它将Minecraft MOTD翻译成HTML代码,以便在网站上显示

我已经实现了对
\n
的支持,我使用RegEX的replace函数将其转换为

现在,我在名为Mineplex的服务器的MOTD上测试了这个库。 Mineplex以MOTD为中心,这意味着它的两边都有很多空间,可以让它保持在中心

当我使用我的图书馆时,空间没有显示出来。 下面是我的一点意思。最上面一行应该居中


如何解决这个问题?

您看不到空格的原因是,在HTML中,您永远看不到多个空格。要查看多个分组空间,我们需要将普通空间更改为特殊空间,

var yourMOTD = "              §4§l§m  §f§l§m §8§l§m[ §r §4§lMineplex§r §f§lGames§r §8§l§m ]§f§l§m §4§l§m  §r\n  §2§l§n     M O N S T E R   M A Z E   B E T A     §f";

function normalizeIndent(str) {
    var boundry = /[^\s]/i.exec(str).index;
    return str.substr(0, boundry).replace(/[ ]/g, ' ') + str.substr(boundry);
}

replaceColorCodes(normalizeIndent(yourMOTD), "output");
我已经更新了你的小提琴

您有两个选择:

I.替换前导空格 。。。使用不间断空格(

二,。应用CSS规则 。。。到您的
。输出
以保留空格

.output{
空白:预处理;
}

mmm?问题是什么?您还可以通过应用以下CSS规则来保留空格:
.output{white space:pre;}
。您是对的,这实际上会更好!忘了吧,写得太快了!我想我会和@Polywhill先生一起去。你能根据评论给出答案吗,这样我就可以标记为正确?选项1输出不正确,选项2输出正确。所以选择2就是这样@pokekart2002:嗯,我测试了两个…:(请参阅: