lsm/file-online-preview
1
0
Fork 0
mirror of https://gitee.com/kekingcn/file-online-preview.git synced 2025-10-24 17:59:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

更新markdown文件预览UI风格

Browse Source
This commit is contained in:
kl
2020-12-28 13:58:02 +08:00
committed by kl
parent eb00385d76
commit dac3606b4e
1 changed files with 20 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
server/src/main/resources/web/txt.ftl
View File

@@ -11,11 +11,25 @@
<div class="container"> <div class="container">
<#if textType?? && textType == "markdown"> <#if textType?? && textType == "markdown">
<p> <div class="panel panel-default">
<button id="markdown_btn" type="button" class="btn btn-primary">切换markdown</button> <div id="markdown_btn" class="panel-heading">
<button id="text_btn" type="button" class="btn btn-primary">切换text</button> <h4 class="panel-title">
</p> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
<div id="markdown" style="padding: 18px;"></div> 切换markdown
</a>
</h4>
</div>
<div id="text_btn" class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
切换text
</a>
</h4>
</div>
<div class="panel-body">
<div id="markdown"></div>
</div>
</div>
<#elseif textType?? && textType == "xml" > <#elseif textType?? && textType == "xml" >
<div id="xml" style="padding: 18px;"></div> <div id="xml" style="padding: 18px;"></div>
<#else> <#else>
@@ -77,7 +91,7 @@
*/ */
function fetchData() { function fetchData() {
window.textData = Base64.decode($("#textData").val()) window.textData = Base64.decode($("#textData").val())
window.textPreData = "<pre>" + window.textData + "</pre>"; window.textPreData = "<pre style='background-color: #FFFFFF;border:none'>" + window.textData + "</pre>";
} }
/** /**
@@ -134,13 +148,6 @@
width: 100%; width: 100%;
} }
#markdown, #xml {
height: 97%;
max-height: 97%;
border: 1px solid #ece7e7;
overflow-y: scroll;
width: 100%;
}
</style> </style>
</body> </body>