Fijxu/h5ai
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Updates text preview.

Browse source
This commit is contained in:
Lars Jung 2012-10-22 02:12:07 +02:00
parent 0631444c50
commit aded72363a
2 changed files with 49 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_h5ai/client/css/inc/preview-txt.less
View file

@ -28,7 +28,7 @@
#pv-txt-text { #pv-txt-text {
word-break: break-all; word-break: break-all;
.syntaxhighlighter { &.highlighted {
tr:hover { tr:hover {
background-color: rgba(0,0,0,0.05); background-color: rgba(0,0,0,0.05);

65
src/_h5ai/client/js/inc/ext/preview-txt.js
View file

@ -46,12 +46,49 @@ modulejs.define('ext/preview-txt', ['_', '$', 'core/settings', 'core/resource',
'</div>' + '</div>' +
'</div>', '</div>',
templateText = '<pre id="pv-txt-text"/>', templateText = '<pre id="pv-txt-text" class="highlighted"/>',
templateMarkdown = '<div id="pv-txt-text" class="markdown"/>', templateMarkdown = '<div id="pv-txt-text" class="markdown"/>',
currentEntries = [], currentEntries = [],
currentIdx = 0, currentIdx = 0,
// adapted from SyntaxHighlighter
getHighlightedLines = function (sh, alias, content) {
var brushes = sh.vars.discoveredBrushes,
Brush, brush;
if (!brushes) {
brushes = {};
_.each(sh.brushes, function (info, brush) {
var aliases = info.aliases;
if (aliases) {
info.brushName = brush.toLowerCase();
for (var i = 0; i < aliases.length; i += 1) {
brushes[aliases[i]] = brush;
}
}
});
sh.vars.discoveredBrushes = brushes;
}
Brush = sh.brushes[brushes[alias || 'plain']];
if (!Brush) {
return $();
}
brush = new Brush();
brush.init({toolbar: false, gutter: false});
return $(brush.getHtml(content)).find('.line');
},
loadScript = function (url, globalId, callback) { loadScript = function (url, globalId, callback) {
if (window[globalId]) { if (window[globalId]) {
@ -134,7 +171,7 @@ modulejs.define('ext/preview-txt', ['_', '$', 'core/settings', 'core/resource',
var $nText; var $nText;
if (current.type === 'markdown') { if (current.type === 'markdown') {
$nText = $(templateMarkdown).hide(); $nText = $(templateMarkdown).hide().text(content);
$text.replaceWith($nText); $text.replaceWith($nText);
loadMarkdown(function (md) { loadMarkdown(function (md) {
@ -144,28 +181,22 @@ modulejs.define('ext/preview-txt', ['_', '$', 'core/settings', 'core/resource',
} }
}); });
} else { } else {
$nText = $(templateText).hide().addClass('toolbar: false; brush:').addClass(settings.types[current.type] || 'plain').text(content); $nText = $(templateText).hide().text(content);
$text.replaceWith($nText); $text.replaceWith($nText);
loadSyntaxhighlighter(function (sh) { loadSyntaxhighlighter(function (sh) {
if (sh) { if (sh) {
sh.highlight({}, $nText[0]); var $table = $('<table/>');
var $text = $('#pv-txt-text'), getHighlightedLines(sh, settings.types[current.type], content).each(function (i) {
$lineNos = $text.find('td.gutter .line').addClass('cntlinenr'), $('<tr/>')
$codeLines = $text.find('td.code .line').addClass('cntline'), .append($('<td/>').addClass('nr').append(i + 1))
$table = $('<table/>').addClass('syntaxhighlighter'), .append($('<td/>').addClass('line').append(this))
i, $tr; .appendTo($table);
});
for (i = 0; i < $lineNos.length; i += 1) { $nText.empty().append($table);
$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('.syntaxhighlighter').replaceWith($table);
} }
}); });
} }