137 lines
3.9 KiB
Plaintext
137 lines
3.9 KiB
Plaintext
@page
|
||
@model Yes.Blog.Areas.Admin.Pages.Theme.DetailModel
|
||
@{
|
||
}
|
||
|
||
@section Styles {
|
||
<!-- 引入 CodeMirror CSS -->
|
||
<link rel="stylesheet" href="/admin/codemirror/codemirror.min.css">
|
||
<!-- 引入 CodeMirror JS -->
|
||
<script src="/admin/codemirror/codemirror.min.js"></script>
|
||
<script src="/admin/codemirror/htmlmixed.min.js"></script>
|
||
<!-- 引入语法高亮模式（如 JavaScript） -->
|
||
<script src="/admin/codemirror/javascript.min.js"></script>
|
||
|
||
<style>
|
||
/* 自定义 CodeMirror 样式 */
|
||
.CodeMirror {
|
||
border: 1px solid #ddd;
|
||
border-radius: 8px;
|
||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
||
font-family: 'Fira Code', monospace;
|
||
font-size: 14px;
|
||
line-height: 1.5;
|
||
background-color: #f9f9f9;
|
||
min-height: 600px;
|
||
}
|
||
|
||
.CodeMirror-linenumbers {
|
||
color: #888;
|
||
background-color: #f0f0f0;
|
||
padding-right: 10px;
|
||
width: 40px;
|
||
}
|
||
|
||
.CodeMirror-cursor {
|
||
border-left: 2px solid #007bff;
|
||
}
|
||
|
||
.editor-container {
|
||
max-width: 800px;
|
||
margin: 20px auto;
|
||
padding: 20px;
|
||
background-color: #fff;
|
||
border-radius: 10px;
|
||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||
}
|
||
</style>
|
||
}
|
||
|
||
|
||
<template x-data x-if="$store.errorMessage||1">
|
||
<div class="alert alert-danger floating-div" x-show="$store.errorMessage" x-transition x-html="$store.errorMessage"></div>
|
||
</template>
|
||
|
||
<div class="header">
|
||
<div class="stats">
|
||
</div>
|
||
|
||
|
||
<h1 class="page-title">自定义模板内容</h1>
|
||
<ul class="breadcrumb">
|
||
<li>
|
||
<a asp-page="/Index">管理中心</a>
|
||
</li>
|
||
<li>
|
||
<a asp-page="/Theme/Index">模板设置</a>
|
||
</li>
|
||
<li class="active">自定义模板内容</li>
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="main-content" x-data="data">
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="row">
|
||
<div class="col-lg-9 col-md-9 col-sm-9">
|
||
|
||
<div class="form-group">
|
||
<div id="code-editor" style="width: 100%; min-height: 600px;"></div>
|
||
<!-- 高亮编辑器容器 -->
|
||
|
||
|
||
<!-- 隐藏的 textarea 用于保存纯文本 -->
|
||
<textarea id="code-content" name="code" style="display: none;" x-model="file.content"></textarea>
|
||
|
||
|
||
</div>
|
||
|
||
<div class="btn-toolbar list-toolbar pull-right">
|
||
|
||
|
||
<button class="btn btn-primary" x-on:click="editFile()">
|
||
<i class="fa fa-save"></i> 保存
|
||
</button>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-3 col-sm-3">
|
||
|
||
|
||
<div class="widget">
|
||
<h3 style="margin-top: 10px;">模板文件列表</h3>
|
||
<div class="widget-body">
|
||
<ul class="icons list-unstyled">
|
||
<template x-for="(file,index) in files" :key="index">
|
||
<li><a :href="`/admin/theme/detail?themeName=${themeName}&fileName=${file.fileName}`"><i class="icon-angle-right"></i> <span x-text="file.fileName" :class="{ 'selected-file': fileName === file.fileName }"></span></a></li>
|
||
</template>
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<partial name="_Footer" />
|
||
</div>
|
||
|
||
@section Scripts {
|
||
<script src="~/admin/js/qiniu.min.js" asp-append-version="true"></script>
|
||
<script src="~/admin/js/theme/detail.js" asp-append-version="true"></script>
|
||
}
|
||
|