我的世界颜色格式

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

我的世界颜色代码：http://ess.khhq.net/mc/

任何人都可以为我指明如何使用该库的正确方向吗？

Answer 1

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

这不是您链接的那个，而是我在大约 10 分钟内制作的一个库。 Link: Click Here for Github Link

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

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

EDIT: The function replaceColorCodes has been changed by me in Version 3.0. Now the function needs to have the MOTD, and the output div ID.

The JavaScript function now is as the following:

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

replaceColorCodes(yourMOTD, "outputDiv");

The 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 Color Formatting

javascript

jquery

css

colors

minecraft