site bugs
Posted in
14
8:24 am, January 22, 2021
install codemirror for textareas [added]
i think rather than editing all the code using just a plain textarea element it might be nice to have codemirror format them nicer
https://stackoverflow.com/questions/21085170/codemirror-how-to-install
So many options!
https://cdnjs.com/libraries/codemirror
edit-form.html
Codemirror Theme Options: https://codemirror.net/demo/theme.html#monokai
I think i like monokai the best for a dark theme.
this allows for codemirror in modes for html, css, php and javascript so can cover all modes in each textarea.
HTML
<h2 class="mt10">HTML Codemirror</h2>
<textarea id="text-area-html"></textarea>
<h2 class="mt10">Scripts Codemirror</h2>
<p>for include scripts like css or js, etc. </p>
<textarea id="text-area-scripts"></textarea>
<h2 class="mt10">CSS Codemirror</h2>
<textarea id="text-area-css"></textarea>Scripts
<!-- CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/codemirror.min.css" integrity="sha512-MWdvo/Qqcf4pY1ecQUB1uBn0qLp19U/qJ1Rpp2BDZeuBA7YsFEwkvqR/+aG4BroPiAYDunKJ6X8R/Pmdt3p7oA==" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/theme/monokai.min.css" integrity="sha512-R6PH4vSzF2Yxjdvb2p2FA06yWul+U0PDDav4b/od/oXf9Iw37zl10plvwOXelrjV2Ai7Eo3vyHeyFUjhXdBCVQ==" crossorigin="anonymous" />
<!-- javascript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/codemirror.min.js" integrity="sha512-UZAFKlbB343VyEfCComsVIxp836iYUvHyAuRYFoVN4LTNB6mpM+8EgKW8ymIV2qLZQsIiNdbpmJuA8y6IKzOow==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/mode/xml/xml.min.js" integrity="sha512-XPih7uxiYsO+igRn/NA2A56REKF3igCp5t0W1yYhddwHsk70rN1bbbMzYkxrvjQ6uk+W3m+qExHIJlFzE6m5eg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/mode/htmlmixed/htmlmixed.min.js" integrity="sha512-IC+qg9ITjo2CLFOTQcO6fBbvisTeJmiT5D5FnXsCptqY8t7/UxWhOorn2X+GHkoD1FNkyfnMJujt5PcB7qutyA==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/mode/css/css.min.js" integrity="sha512-rsFXL+3jYau54xgkx2FtVPo+yRM4vLMEU9VBWl8hZX+t8MEYzGBHeHh5ELv04uthHqix7Dhw2o4KgQ1c+s6dEQ==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/mode/javascript/javascript.min.js" integrity="sha512-+tn2IYnLwD2J9p6Nrn/Dl7ag9lluHA0GAblT/vnMiJV8DU/iDsldgf+9XbEqZUee2ThyDtfmSDb+IDZ9u7jrSA==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.59.2/mode/php/php.min.js" integrity="sha512-i+JuurEwS1TBFIkaoI0KNhkdiR2yu5nAVdFJ/3Sm3BVbMIkq/1Nv/JsFGUZsqB4VKV6vj1wP5yi1aqyxenx2kw==" crossorigin="anonymous"></script>Javascript
/* Here is the updated version of the load script */
window.onload = function() {
window.editor = CodeMirror.fromTextArea(document.getElementById("text-area-html"), {
mode: 'htmlmixed',
lineWrapping: true,
lineNumbers: true,
theme: 'monokai',
styleActiveLine: true,
matchBrackets: true
});
window.editor = CodeMirror.fromTextArea(document.getElementById("text-area-scripts"), {
mode: 'htmlmixed',
lineWrapping: false,
lineNumbers: true,
theme: 'monokai',
styleActiveLine: true,
matchBrackets: true
});
window.editor = CodeMirror.fromTextArea(document.getElementById("text-area-css"), {
mode: 'css',
lineWrapping: true,
lineNumbers: true,
theme: 'monokai',
styleActiveLine: true,
matchBrackets: true
});
window.editor = CodeMirror.fromTextArea(document.getElementById("text-area-javascript"), {
mode: 'javascript',
lineWrapping: true,
lineNumbers: true,
theme: 'monokai',
styleActiveLine: true,
matchBrackets: true
});
window.editor = CodeMirror.fromTextArea(document.getElementById("text-area-php"), {
mode: 'php',
lineWrapping: true,
lineNumbers: true,
theme: 'monokai',
styleActiveLine: true,
matchBrackets: true
});
};HTML Codemirror
Scripts Codemirror
for include scripts like css or js, etc.
CSS Codemirror
View Statistics
This Week
78
This Month
397
This Year
0
Add Comment
Other Items in site bugs
making the search page nicer
add hero title to category listing page [not done]
category listing not working on categories with spaces [not fixed]
Changing the default hero image based on the category name [not yet done]
still more comment spam
search bug Above
weird search results being recorded
this is a weird one table underline appearing and dissapearing on mouse over
change images to upload file also to imgur [reported]
install codemirror for textareas [added]
add a youtube video preloader function, lazy load youtube [fixed]
spin rotate an element on mouse over [css]
add a comment recording system for posts [idea]
fix view page for search links [reported]
should have a different menu colour [reported]
style page numbers [fixed]
linking search results to view pages [finished] 🤣
badge border colour is too dark or light on number badges [fixed]
badge placement is offset in list pages [fixed]
top bar overflow issues [fixed]
Related Search Terms
Other Categories in Code
c testing apache apps asp bat bootstrap bootstrap templates core css css grid design elements fancybox fonts foundation framework gimp git html icons ideas images javascript jquery js linux mac nginx node php php functions php simple html dom pi400 python react sections site bugs site documentation sql sqlite sublime svg templates tools virtual box webdev windows wordpress
