2015-04-26 100 views
-1

我想這種格式的CSS顏色:的Minecraft顏色格式

<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/

任何人都可以點我如何使用該庫的正確方向?

+0

你試過問【作者】(https://github.com/JLChnToZ)? – Bergi

+0

我已經做了.. –

回答

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); 

編輯:功能replaceColorCodes已在3.0版本被改爲按我。現在該功能需要具有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>