Do not reload css on every message
This commit is contained in:
parent
c415d7e4a7
commit
c197aa51cc
@ -88,6 +88,8 @@
|
|||||||
(preview-file (concat dir-of-buffer-to-preview markdown-preview-file-name)))
|
(preview-file (concat dir-of-buffer-to-preview markdown-preview-file-name)))
|
||||||
(with-temp-file preview-file
|
(with-temp-file preview-file
|
||||||
(insert-file-contents markdown-preview--preview-template)
|
(insert-file-contents markdown-preview--preview-template)
|
||||||
|
(if (search-forward "${MD_STYLE}" nil t)
|
||||||
|
(replace-match markdown-preview-style t))
|
||||||
(if (search-forward "${WS_HOST}" nil t)
|
(if (search-forward "${WS_HOST}" nil t)
|
||||||
(replace-match markdown-preview-host t))
|
(replace-match markdown-preview-host t))
|
||||||
(if (search-forward "${WS_PORT}" nil t)
|
(if (search-forward "${WS_PORT}" nil t)
|
||||||
@ -157,9 +159,6 @@
|
|||||||
(websocket-send-text websocket
|
(websocket-send-text websocket
|
||||||
(concat
|
(concat
|
||||||
"<div>"
|
"<div>"
|
||||||
"<span id='style'>"
|
|
||||||
markdown-preview-style
|
|
||||||
"</span>"
|
|
||||||
"<span id='position-percentage'>"
|
"<span id='position-percentage'>"
|
||||||
mark-position-percent
|
mark-position-percent
|
||||||
"</span>"
|
"</span>"
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
|
||||||
<title>Markdown preview</title>
|
<title>Markdown preview</title>
|
||||||
<link href="http://thomasf.github.io/solarized-css/solarized-dark.min.css" rel="stylesheet"></link>
|
<link href="${MD_STYLE}" rel="stylesheet"></link>
|
||||||
<style>
|
<style>
|
||||||
code.json {
|
code.json {
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
@ -26,7 +26,6 @@
|
|||||||
console.log('Code: ' + event.code + ' reason: ' + event.reason);
|
console.log('Code: ' + event.code + ' reason: ' + event.reason);
|
||||||
};
|
};
|
||||||
socket.onmessage = function(event) {
|
socket.onmessage = function(event) {
|
||||||
loadCSS($(event.data).find("#style").text());
|
|
||||||
$("#markdown-body").html($(event.data).find("#content").html());
|
$("#markdown-body").html($(event.data).find("#content").html());
|
||||||
var scroll = $(document).height() * ($(event.data).find("#position-percentage").html() / 100);
|
var scroll = $(document).height() * ($(event.data).find("#position-percentage").html() / 100);
|
||||||
$("html, body").animate({ scrollTop: scroll }, 600);
|
$("html, body").animate({ scrollTop: scroll }, 600);
|
||||||
@ -34,12 +33,6 @@
|
|||||||
socket.onerror = function(error) {
|
socket.onerror = function(error) {
|
||||||
alert("Error: " + error.message);
|
alert("Error: " + error.message);
|
||||||
};
|
};
|
||||||
|
|
||||||
loadCSS = function(href) {
|
|
||||||
var cssLink = $("<link rel='stylesheet' type='text/css' href='"+href+"'>");
|
|
||||||
$("link[rel='stylesheet']").remove();
|
|
||||||
$("head").append(cssLink);
|
|
||||||
};
|
|
||||||
})(jQuery);
|
})(jQuery);
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user