77 lines
3.6 KiB
Plaintext
77 lines
3.6 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="CodeShowWeb.Index" %>
|
||
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>highlight</title>
|
||
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
||
<link rel="stylesheet" href="styles/default.css">
|
||
<script src="highlight.pack.js"></script>
|
||
<script>hljs.initHighlightingOnLoad();</script>
|
||
</head>
|
||
<body>
|
||
<div>
|
||
<h2>皓月代码转换引擎 Ver 0.1.0</h2>
|
||
<h4>是一个C#服务端API参数实体类、转换成于各类语言客户端解析参数代码，减少客户端重复工作量</h4>
|
||
<h4>目前支持转换到的目标语言：Java...</h4>
|
||
<h4>选择你喜欢的代码配色方案<div id="changeStyleSelect"></div></h4>
|
||
<div>
|
||
<pre>
|
||
<code class="java">
|
||
<%=GetJavaCode() %>
|
||
</code>
|
||
</pre>
|
||
</div>
|
||
<div>
|
||
<pre>
|
||
<code class="swift">
|
||
<%=GetSwiftCode() %>
|
||
</code>
|
||
</pre>
|
||
</div>
|
||
</div>
|
||
|
||
<style>
|
||
@font-face
|
||
{
|
||
font-family: myFirstFont;
|
||
src: url('KawkabMono-Regular.ttf'),
|
||
url('KawkabMono-Regular.ttf'); /* IE9+,可以是具体的实际链接 */
|
||
}
|
||
body
|
||
{
|
||
font-family:myFirstFont;
|
||
}
|
||
</style>
|
||
|
||
<script>
|
||
styleArr = ["hybrid.css",//第一个放自己喜欢的23333
|
||
"agate.css", "androidstudio.css", "arduino-light.css", "arta.css", "ascetic.css", "atelier-cave-dark.css", "atelier-cave-light.css", "atelier-dune-dark.css", "atelier-dune-light.css", "atelier-estuary-dark.css", "atelier-estuary-light.css", "atelier-forest-dark.css", "atelier-forest-light.css", "atelier-heath-dark.css", "atelier-heath-light.css", "atelier-lakeside-dark.css", "atelier-lakeside-light.css", "atelier-plateau-dark.css", "atelier-plateau-light.css", "atelier-savanna-dark.css", "atelier-savanna-light.css", "atelier-seaside-dark.css", "atelier-seaside-light.css", "atelier-sulphurpool-dark.css", "atelier-sulphurpool-light.css", "brown-paper.css", "codepen-embed.css", "color-brewer.css", "dark.css", "darkula.css", "default.css", "docco.css", "dracula.css", "far.css", "foundation.css", "github.css", "github-gist.css", "googlecode.css", "grayscale.css", "gruvbox-dark.css", "gruvbox-light.css", "hopscotch.css", "hybrid.css", "idea.css", "ir-black.css", "kimbie.dark.css", "kimbie.light.css", "magula.css", "mono-blue.css", "monokai.css", "monokai-sublime.css", "obsidian.css", "paraiso-dark.css", "paraiso-light.css", "pojoaque.css", "purebasic.css", "qtcreator_dark.css", "qtcreator_light.css", "railscasts.css", "rainbow.css", "school-book.css", "solarized-dark.css", "solarized-light.css", "sunburst.css", "tomorrow.css", "tomorrow-night.css", "tomorrow-night-blue.css", "tomorrow-night-bright.css", "tomorrow-night-eighties.css", "vs.css", "xcode.css", "xt256.css", "zenburn.css"];
|
||
selectHtml = [];
|
||
selectHtml.push('<select id="changeStyle">');
|
||
for(i in styleArr) {
|
||
OptionValue = styleArr[i];
|
||
selectHtml.push('<option value="' + OptionValue +'" >'+ OptionValue +'</option>');
|
||
}
|
||
selectHtml.push('</select>');
|
||
selectHtmlString = selectHtml.join("");
|
||
document.getElementById('changeStyleSelect').innerHTML = selectHtmlString;
|
||
|
||
obj = document.getElementById('changeStyle');
|
||
obj.addEventListener("change",function(event){
|
||
var value = this.options[this.options.selectedIndex].value;
|
||
l = document.createElement('link');
|
||
l.setAttribute('href','styles/'+value);
|
||
l.setAttribute('rel','stylesheet');
|
||
document.head.appendChild(l);
|
||
});
|
||
|
||
//首先载入自己喜欢的
|
||
l = document.createElement('link');
|
||
l.setAttribute('href','styles/'+"hybrid.css");
|
||
l.setAttribute('rel','stylesheet');
|
||
document.head.appendChild(l);
|
||
|
||
</script>
|
||
</body>
|
||
</html> |