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