diff options
| author | Blaise | 2022-10-29 14:25:04 -0500 |
|---|---|---|
| committer | Blaise | 2022-10-29 14:25:04 -0500 |
| commit | 621affaa063550f086ea827811607bcf864f89e3 (patch) | |
| tree | 74a0d83ffa538f75bd0fbba03e7eb35d8391cdff | |
| parent | b5eda297af9b7984cf29c3c89ca0fa8fa433c093 (diff) | |
Only highlight text nodes
| -rw-r--r-- | proselight.js | 130 |
1 files changed, 69 insertions, 61 deletions
diff --git a/proselight.js b/proselight.js index c79b8ce..a24ff32 100644 --- a/proselight.js +++ b/proselight.js | |||
| @@ -26,6 +26,7 @@ | |||
| 26 | 26 | ||
| 27 | i, | 27 | i, |
| 28 | microlighted, | 28 | microlighted, |
| 29 | cn, //child nodes | ||
| 29 | el; // current microlighted element to run through | 30 | el; // current microlighted element to run through |
| 30 | 31 | ||
| 31 | 32 | ||
| @@ -35,70 +36,77 @@ | |||
| 35 | microlighted = _document.querySelectorAll('p'); | 36 | microlighted = _document.querySelectorAll('p'); |
| 36 | 37 | ||
| 37 | for (i = 0; el = microlighted[i++];) { | 38 | for (i = 0; el = microlighted[i++];) { |
| 38 | var text = el.textContent, | 39 | cn = Array.from(el.childNodes); |
| 39 | pos = 0, // current position | 40 | for (j = 0; j < cn.length; j++) { |
| 40 | next1 = text[0], // next character | 41 | if (cn[j].nodeType != Node.TEXT_NODE) { |
| 41 | chr = 1, // current character | 42 | el.appendChild(cn[j]); |
| 42 | prev1, // previous character | 43 | continue; |
| 43 | prev2, // the one before the previous | 44 | } |
| 44 | token = // current token content | 45 | el.removeChild(cn[j]); |
| 45 | el.innerHTML = '', // (and cleaning the node) | 46 | var text = cn[j].textContent, |
| 46 | 47 | pos = 0, // current position | |
| 47 | // current token type: | 48 | next1 = text[0], // next character |
| 48 | tokenType = 0, | 49 | chr = 1, // current character |
| 49 | 50 | prev1, // previous character | |
| 50 | // flag determining if token is multi-character | 51 | prev2, // the one before the previous |
| 51 | multichar, | 52 | token = '', // current token content |
| 52 | node; | 53 | |
| 53 | 54 | // current token type: | |
| 54 | // running through characters and highlighting | 55 | tokenType = 0, |
| 55 | while (prev2 = prev1, prev1 = chr) { | 56 | |
| 56 | chr = next1; | 57 | // flag determining if token is multi-character |
| 57 | next1=text[++pos]; | 58 | multichar, |
| 58 | multichar = token.length > 1; | 59 | node; |
| 59 | 60 | ||
| 60 | // checking if current token should be finalized | 61 | // running through characters and highlighting |
| 61 | if (!chr || // end of content | 62 | while (prev2 = prev1, prev1 = chr) { |
| 62 | [ // finalize conditions for other token types | 63 | chr = next1; |
| 63 | // 0: unformatted | 64 | next1=text[++pos]; |
| 64 | /[":;,\\.?!\])\/{}[(|]/[test](chr), | 65 | multichar = token.length > 1; |
| 65 | // 1: parentesis or braces | 66 | |
| 66 | 1, // consist of a single character | 67 | // checking if current token should be finalized |
| 67 | // 2: terminators | 68 | if (!chr || // end of content |
| 68 | 1, // consist of a single character | 69 | [ // finalize conditions for other token types |
| 69 | // 3: separators | 70 | // 0: unformatted |
| 70 | 1, // consist of a single character | 71 | /[":;,\\.?!\])\/{}[(|]/[test](chr), |
| 71 | // 4: quotes | 72 | // 1: parentesis or braces |
| 72 | prev1 == '"' && multichar, | 73 | 1, // consist of a single character |
| 73 | ][tokenType] | 74 | // 2: terminators |
| 74 | ) { | 75 | 1, // consist of a single character |
| 75 | // appending the token to the result | 76 | // 3: separators |
| 76 | if (token) { | 77 | 1, // consist of a single character |
| 77 | // map token type into class | 78 | // 4: quotes |
| 78 | el[appendChild]( | 79 | prev1 == '"' && multichar, |
| 79 | node = _document.createElement('span') | 80 | ][tokenType] |
| 80 | ).setAttribute('class', 'ph'+tokenType); | 81 | ) { |
| 81 | 82 | // appending the token to the result | |
| 82 | node[appendChild](_document.createTextNode(token)); | 83 | if (token) { |
| 84 | // map token type into class | ||
| 85 | el[appendChild]( | ||
| 86 | node = _document.createElement('span') | ||
| 87 | ).setAttribute('class', 'ph'+tokenType); | ||
| 88 | |||
| 89 | node[appendChild](_document.createTextNode(token)); | ||
| 90 | } | ||
| 91 | |||
| 92 | // initializing a new token | ||
| 93 | token = ''; | ||
| 94 | |||
| 95 | // determining the new token type (going up the | ||
| 96 | // list until matching a token type start | ||
| 97 | // condition) | ||
| 98 | tokenType = 5; | ||
| 99 | while (![ | ||
| 100 | 1, // 0: unformatted | ||
| 101 | /[\])\/{}[(|]/[test](chr), // 1: parenthesis or braces | ||
| 102 | /[\\.?!]/[test](chr), // 2: terminators | ||
| 103 | /[:;,]/[test](chr), // 3: separators | ||
| 104 | chr == '"', // 4: quotes | ||
| 105 | ][--tokenType]); | ||
| 83 | } | 106 | } |
| 84 | 107 | ||
| 85 | // initializing a new token | 108 | token += chr; |
| 86 | token = ''; | ||
| 87 | |||
| 88 | // determining the new token type (going up the | ||
| 89 | // list until matching a token type start | ||
| 90 | // condition) | ||
| 91 | tokenType = 5; | ||
| 92 | while (![ | ||
| 93 | 1, // 0: unformatted | ||
| 94 | /[\])\/{}[(|]/[test](chr), // 1: parenthesis or braces | ||
| 95 | /[\\.?!]/[test](chr), // 2: terminators | ||
| 96 | /[:;,]/[test](chr), // 3: separators | ||
| 97 | chr == '"', // 4: quotes | ||
| 98 | ][--tokenType]); | ||
| 99 | } | 109 | } |
| 100 | |||
| 101 | token += chr; | ||
| 102 | } | 110 | } |
| 103 | } | 111 | } |
| 104 | } | 112 | } |