Skip to content

Latest commit

History

15 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

preCode.js

painkiller for <pre><code> & <textarea> (MIT Licensed)

A quickie that'll automatically outdent any code snippets nested in your html, allowing you to write cleaner markup.

Fuck this

<div><pre><code>function myFunc(block, flags) {
try {
if (block.className.search(/\bno\-highlight\b/) != -1)
return processBlock(block, true, 0x0F) + ' class=""';
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i &lt; classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
return /\d+/g;
}
}</code></pre></div>

Write this

<div><pre><code>
function myFunc(block, flags) {
try {
if (block.className.search(/\bno\-highlight\b/) != -1)
return processBlock(block, true, 0x0F) + ' class=""';
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i &lt; classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
return /\d+/g;
}
}
</code></pre></div>

Usage

Just place <script src="preCode.js"></script> into your <head>.

Caveats

  • The code binds to the DOMContentLoaded event, so make sure to place it before any syntax highlighters or code editors are bound/called.
  • Beware that native goodies are used - sucks to your old browser, Piggy!
    • Array.forEach
    • document.querySelectorAll
    • element.textContent
    • DOMContentLoaded via addEventListener

About

pain killer for <pre><code> & <textarea>

Resources

Stars

83 stars

Watchers

3 watching

Forks

Releases

Packages

Contributors

Languages