klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2024-11-22 14:13:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

core: add delay on live preview for MarkdownInput to avoid making too much request to the API

Browse Source
This commit is contained in:
Antoine Bartuccio 2018-12-20 14:06:30 +01:00
parent 19c1361e47
commit 97b06b160b
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
core/templates/core/markdown_textarea.jinja
View File

@ -6,6 +6,7 @@
<script src="{{ statics.js }}"> </script> <script src="{{ statics.js }}"> </script>
<script type="text/javascript"> <script type="text/javascript">
var css = "{{ statics.css }}"; var css = "{{ statics.css }}";
var lastAPICall;
// Only import the css once // Only import the css once
if (!document.head.innerHTML.includes(css)){ if (!document.head.innerHTML.includes(css)){
@ -40,7 +41,6 @@
}).done(function (msg) { }).done(function (msg) {
preview.innerHTML = msg; preview.innerHTML = msg;
}); });
return preview.innerHTML;
} }
// Pretty markdown input // Pretty markdown input
@ -48,7 +48,11 @@
element: document.getElementById("{{ widget.attrs.id }}"), element: document.getElementById("{{ widget.attrs.id }}"),
spellChecker: false, spellChecker: false,
previewRender: function(plainText, preview){ // Async method previewRender: function(plainText, preview){ // Async method
return customMarkdownParser(plainText, preview); clearTimeout(lastAPICall);
lastAPICall = setTimeout(function (plainText, preview){
customMarkdownParser(plainText, preview);
}, 300, plainText, preview);
return preview.innerHTML;
}, },
// showIcons: ["code", "table", "clean-block"], // showIcons: ["code", "table", "clean-block"],
toolbar: [ toolbar: [