mirror of
https://github.com/lrsjng/h5ai.git
synced 2025-05-29 22:45:14 -04:00
Improves text preview. A little bit slower, but with line-wrap.
This commit is contained in:
Lars Jung
parent
e6e5f3309b
commit
74b0ec827b
5 changed files with 89 additions and 349 deletions
|
|
@ -31,11 +31,83 @@
|
||||||
.syntaxhighlighter {
|
.syntaxhighlighter {
|
||||||
overflow: visible !important;
|
overflow: visible !important;
|
||||||
|
|
||||||
.gutter .line {
|
tr:hover {
|
||||||
border-right: none !important;
|
background-color: rgba(0,0,0,0.05);
|
||||||
|
|
||||||
|
.nr {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
vertical-align: top;
|
||||||
|
font-family: "Ubuntu Mono";
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.2em;
|
||||||
|
color: #999;
|
||||||
|
word-break: normal;
|
||||||
|
|
||||||
|
&.nr {
|
||||||
|
text-align: right;
|
||||||
|
padding: 0 8px 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.line {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 4px 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-family: "Ubuntu Mono";
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.plain {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.comments, .comments a {
|
||||||
|
color: #008200;
|
||||||
|
}
|
||||||
|
.string, .string a {
|
||||||
|
color: #1111ff;
|
||||||
|
}
|
||||||
|
.keyword {
|
||||||
|
color: #006699;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.preprocessor {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.variable {
|
||||||
|
color: #aa7700;
|
||||||
|
}
|
||||||
|
.value {
|
||||||
|
color: #009900;
|
||||||
|
}
|
||||||
|
.functions {
|
||||||
|
color: #ff1493;
|
||||||
|
}
|
||||||
|
.constants {
|
||||||
|
color: #0066cc;
|
||||||
|
}
|
||||||
|
.script {
|
||||||
|
color: #006699;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.color1, .color1 a {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.color2, .color2 a {
|
||||||
|
color: #ff1493;
|
||||||
|
}
|
||||||
|
.color3, .color3 a {
|
||||||
|
color: #ff1111;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
&.markdown {
|
&.markdown {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
padding: 8px 24px;
|
padding: 8px 24px;
|
||||||
|
|
|
||||||
|
|
@ -1,228 +0,0 @@
|
||||||
/**
|
|
||||||
* SyntaxHighlighter
|
|
||||||
* http://alexgorbatchev.com/SyntaxHighlighter
|
|
||||||
*
|
|
||||||
* SyntaxHighlighter is donationware. If you are using it, please donate.
|
|
||||||
* http://alexgorbatchev.com/SyntaxHighlighter/donate.html
|
|
||||||
*
|
|
||||||
* @version
|
|
||||||
* 3.0.83 (July 02 2010)
|
|
||||||
*
|
|
||||||
* @copyright
|
|
||||||
* Copyright (C) 2004-2010 Alex Gorbatchev.
|
|
||||||
*
|
|
||||||
* @license
|
|
||||||
* Dual licensed under the MIT and GPL licenses.
|
|
||||||
*/
|
|
||||||
.syntaxhighlighter a,
|
|
||||||
.syntaxhighlighter div,
|
|
||||||
.syntaxhighlighter code,
|
|
||||||
.syntaxhighlighter table,
|
|
||||||
.syntaxhighlighter table td,
|
|
||||||
.syntaxhighlighter table tr,
|
|
||||||
.syntaxhighlighter table tbody,
|
|
||||||
.syntaxhighlighter table thead,
|
|
||||||
.syntaxhighlighter table caption,
|
|
||||||
.syntaxhighlighter textarea {
|
|
||||||
-moz-border-radius: 0 0 0 0 !important;
|
|
||||||
-webkit-border-radius: 0 0 0 0 !important;
|
|
||||||
background: none !important;
|
|
||||||
border: 0 !important;
|
|
||||||
bottom: auto !important;
|
|
||||||
float: none !important;
|
|
||||||
height: auto !important;
|
|
||||||
left: auto !important;
|
|
||||||
line-height: 1.1em !important;
|
|
||||||
margin: 0 !important;
|
|
||||||
outline: 0 !important;
|
|
||||||
overflow: visible !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
position: static !important;
|
|
||||||
right: auto !important;
|
|
||||||
text-align: left !important;
|
|
||||||
top: auto !important;
|
|
||||||
vertical-align: baseline !important;
|
|
||||||
width: auto !important;
|
|
||||||
box-sizing: content-box !important;
|
|
||||||
// font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
|
|
||||||
font-family: "Ubuntu Mono", "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
|
|
||||||
font-weight: normal !important;
|
|
||||||
font-style: normal !important;
|
|
||||||
// font-size: 1em !important;
|
|
||||||
font-size: 16px !important;
|
|
||||||
min-height: inherit !important;
|
|
||||||
min-height: auto !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.syntaxhighlighter {
|
|
||||||
width: 100% !important;
|
|
||||||
margin: 1em 0 1em 0 !important;
|
|
||||||
position: relative !important;
|
|
||||||
overflow: auto !important;
|
|
||||||
font-size: 1em !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.source {
|
|
||||||
overflow: hidden !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .bold {
|
|
||||||
font-weight: bold !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .italic {
|
|
||||||
font-style: italic !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .line {
|
|
||||||
white-space: pre !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter table {
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter table caption {
|
|
||||||
text-align: left !important;
|
|
||||||
padding: .5em 0 0.5em 1em !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter table td.code {
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter table td.code .container {
|
|
||||||
position: relative !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter table td.code .container textarea {
|
|
||||||
box-sizing: border-box !important;
|
|
||||||
position: absolute !important;
|
|
||||||
left: 0 !important;
|
|
||||||
top: 0 !important;
|
|
||||||
width: 100% !important;
|
|
||||||
height: 100% !important;
|
|
||||||
border: none !important;
|
|
||||||
background: white !important;
|
|
||||||
padding-left: 1em !important;
|
|
||||||
overflow: hidden !important;
|
|
||||||
white-space: pre !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter table td.gutter .line {
|
|
||||||
text-align: right !important;
|
|
||||||
padding: 0 0.5em 0 1em !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter table td.code .line {
|
|
||||||
padding: 0 1em !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
|
|
||||||
padding-left: 0em !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.show {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.collapsed table {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.collapsed .toolbar {
|
|
||||||
padding: 0.1em 0.8em 0em 0.8em !important;
|
|
||||||
font-size: 1em !important;
|
|
||||||
position: static !important;
|
|
||||||
width: auto !important;
|
|
||||||
height: auto !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.collapsed .toolbar span {
|
|
||||||
display: inline !important;
|
|
||||||
margin-right: 1em !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.collapsed .toolbar span a {
|
|
||||||
padding: 0 !important;
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.collapsed .toolbar span a.expandSource {
|
|
||||||
display: inline !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .toolbar {
|
|
||||||
position: absolute !important;
|
|
||||||
right: 1px !important;
|
|
||||||
top: 1px !important;
|
|
||||||
width: 11px !important;
|
|
||||||
height: 11px !important;
|
|
||||||
font-size: 10px !important;
|
|
||||||
z-index: 10 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .toolbar span.title {
|
|
||||||
display: inline !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .toolbar a {
|
|
||||||
display: block !important;
|
|
||||||
text-align: center !important;
|
|
||||||
text-decoration: none !important;
|
|
||||||
padding-top: 1px !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .toolbar a.expandSource {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.ie {
|
|
||||||
font-size: .9em !important;
|
|
||||||
padding: 1px 0 1px 0 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.ie .toolbar {
|
|
||||||
line-height: 8px !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.ie .toolbar a {
|
|
||||||
padding-top: 0px !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .line.alt1 .content,
|
|
||||||
.syntaxhighlighter.printing .line.alt2 .content,
|
|
||||||
.syntaxhighlighter.printing .line.highlighted .number,
|
|
||||||
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
|
|
||||||
.syntaxhighlighter.printing .line.highlighted.alt2 .content {
|
|
||||||
background: none !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .line .number {
|
|
||||||
color: #bbbbbb !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .line .content {
|
|
||||||
color: black !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .toolbar {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing a {
|
|
||||||
text-decoration: none !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
|
|
||||||
color: black !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
|
|
||||||
color: #008200 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
|
|
||||||
color: blue !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .keyword {
|
|
||||||
color: #006699 !important;
|
|
||||||
font-weight: bold !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .preprocessor {
|
|
||||||
color: gray !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .variable {
|
|
||||||
color: #aa7700 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .value {
|
|
||||||
color: #009900 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .functions {
|
|
||||||
color: #ff1493 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .constants {
|
|
||||||
color: #0066cc !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .script {
|
|
||||||
font-weight: bold !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
|
|
||||||
color: gray !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
|
|
||||||
color: #ff1493 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
|
|
||||||
color: red !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
|
|
||||||
color: black !important;
|
|
||||||
}
|
|
||||||
|
|
@ -1,117 +0,0 @@
|
||||||
/**
|
|
||||||
* SyntaxHighlighter
|
|
||||||
* http://alexgorbatchev.com/SyntaxHighlighter
|
|
||||||
*
|
|
||||||
* SyntaxHighlighter is donationware. If you are using it, please donate.
|
|
||||||
* http://alexgorbatchev.com/SyntaxHighlighter/donate.html
|
|
||||||
*
|
|
||||||
* @version
|
|
||||||
* 3.0.83 (July 02 2010)
|
|
||||||
*
|
|
||||||
* @copyright
|
|
||||||
* Copyright (C) 2004-2010 Alex Gorbatchev.
|
|
||||||
*
|
|
||||||
* @license
|
|
||||||
* Dual licensed under the MIT and GPL licenses.
|
|
||||||
*/
|
|
||||||
.syntaxhighlighter {
|
|
||||||
background-color: white !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .line.alt1 {
|
|
||||||
background-color: white !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .line.alt2 {
|
|
||||||
background-color: white !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
|
|
||||||
background-color: #e0e0e0 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .line.highlighted.number {
|
|
||||||
color: black !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter table caption {
|
|
||||||
color: black !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .gutter {
|
|
||||||
color: #afafaf !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .gutter .line {
|
|
||||||
border-right: 3px solid #6ce26c !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .gutter .line.highlighted {
|
|
||||||
background-color: #6ce26c !important;
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.printing .line .content {
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.collapsed {
|
|
||||||
overflow: visible !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.collapsed .toolbar {
|
|
||||||
color: blue !important;
|
|
||||||
background: white !important;
|
|
||||||
border: 1px solid #6ce26c !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.collapsed .toolbar a {
|
|
||||||
color: blue !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter.collapsed .toolbar a:hover {
|
|
||||||
color: red !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .toolbar {
|
|
||||||
color: white !important;
|
|
||||||
background: #6ce26c !important;
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .toolbar a {
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .toolbar a:hover {
|
|
||||||
color: black !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
|
|
||||||
color: black !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
|
|
||||||
color: #008200 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .string, .syntaxhighlighter .string a {
|
|
||||||
color: blue !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .keyword {
|
|
||||||
color: #006699 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .preprocessor {
|
|
||||||
color: gray !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .variable {
|
|
||||||
color: #aa7700 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .value {
|
|
||||||
color: #009900 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .functions {
|
|
||||||
color: #ff1493 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .constants {
|
|
||||||
color: #0066cc !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .script {
|
|
||||||
font-weight: bold !important;
|
|
||||||
color: #006699 !important;
|
|
||||||
background-color: none !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
|
|
||||||
color: gray !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
|
|
||||||
color: #ff1493 !important;
|
|
||||||
}
|
|
||||||
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
|
|
||||||
color: red !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.syntaxhighlighter .keyword {
|
|
||||||
font-weight: bold !important;
|
|
||||||
}
|
|
||||||
|
|
@ -3,8 +3,6 @@
|
||||||
@import "lib/h5bp-main-header";
|
@import "lib/h5bp-main-header";
|
||||||
|
|
||||||
@import "lib/mixins";
|
@import "lib/mixins";
|
||||||
@import "lib/sh/shCore";
|
|
||||||
@import "lib/sh/shThemeDefault";
|
|
||||||
|
|
||||||
@import "inc/general";
|
@import "inc/general";
|
||||||
@import "inc/topbar";
|
@import "inc/topbar";
|
||||||
|
|
|
||||||
|
|
@ -151,6 +151,21 @@ modulejs.define('ext/preview-txt', ['_', '$', 'core/settings', 'core/resource',
|
||||||
|
|
||||||
if (sh) {
|
if (sh) {
|
||||||
sh.highlight({}, $nText[0]);
|
sh.highlight({}, $nText[0]);
|
||||||
|
|
||||||
|
var $text = $('#pv-txt-text'),
|
||||||
|
$lineNos = $text.find('td.gutter .line').addClass('cntlinenr'),
|
||||||
|
$codeLines = $text.find('td.code .line').addClass('cntline'),
|
||||||
|
$table = $('<table/>'),
|
||||||
|
i, $tr;
|
||||||
|
|
||||||
|
for (i = 0; i < $lineNos.length; i += 1) {
|
||||||
|
$tr = $('<tr/>');
|
||||||
|
$('<td/>').addClass('nr').append($lineNos.eq(i)).appendTo($tr);
|
||||||
|
$('<td/>').addClass('line').append($codeLines.eq(i)).appendTo($tr);
|
||||||
|
$table.append($tr);
|
||||||
|
}
|
||||||
|
|
||||||
|
$text.find('table').replaceWith($table);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue