Question

我想将其格式化为css颜色：

<div id="test">§2§l<<§6§lStack§6§lOverflow§6§lIV§2§l>></div>

我找到了一个Jquery插件，但我不知道如何使用它。没有示例代码/文档。

JsFiddle：https://jsfiddle.net/jeroen_13/rhydg6Le/

Github插件：https://gist.github.com/JLChnToZ/bde5ea7ade5db37d5e72

Minecraft颜色代码：http://ess.khhq.net/mc/

有人能指出我如何使用图书馆的正确方向吗？

Answer 1

最近我正在为Minecraft服务器创建一个网站，我遇到了和你一样的问题。因为我找不到简单的解决方案，所以我自己就成了一个简单的JS库。

它不是您链接的那个，但它是我在大约10分钟内创建的库。链接：Click Here for Github Link

用法在GitHub页面上，但我也会在这里发布...

var yourMOTD = "§d§lnerd.nu§8: §6§oCreative Rev 28";
var myHTMLMotd = replaceColorCodes(yourMOTD);
console.log(myHTMLMotd);

编辑：我在3.0版中更改了函数replaceColorCodes。现在该函数需要具有MOTD和输出div ID。

JavaScript函数现在如下：

var yourMOTD = "§d§lnerd.nu§8: §6§oCreative Rev 28";

replaceColorCodes(yourMOTD, "outputDiv");

HTML：

<div id="outputDiv"></div>

基本上，你只需将MOTD的字符串放在函数中，就完成了。

希望这个图书馆能够帮助你，并帮助更多的人寻求同样的事情。

示例代码段：

function changeColor() {
  var yourMOTD = document.getElementById("myLittleInputThing").value;
  replaceColorCodes(yourMOTD, "myLittleOutputThing");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/FoxInFlame/MinecraftColorCodes/master/MinecraftColorCodes.3.0.js"></script>
<input placeholder="Place your Minecraft text here" id="myLittleInputThing" />
<button onclick="changeColor();">Go!</button>

<p id="myLittleOutputThing">Output is going to come here</p>

Minecraft颜色格式

1 个答案: