Skip to content

Commit 5fb5558

Browse files
authored
Update README.md
1 parent b1d9a8c commit 5fb5558

File tree

1 file changed

+15
-1
lines changed

1 file changed

+15
-1
lines changed

plugins/README.md

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,23 +3,37 @@
33

44
### Autocomplete
55
Display a popup under the caret using the text in the code-input element. This works well with autocomplete suggestions.
6+
67
Files: [autocomplete.js](./autocomplete.js) / [autocomplete.css](./autocomplete.css)
8+
79
[🚀 *CodePen Demo*](https://codepen.io/WebCoder49/pen/xxapjXB)
10+
811
### Autodetect
912
Autodetect the language live and change the `lang` attribute using the syntax highlighter's autodetect capabilities. Works with highlight.js.
13+
1014
Files: [autodetect.js](./autodetect.js)
15+
1116
[🚀 *CodePen Demo*](https://codepen.io/WebCoder49/pen/eYLyMae)
17+
1218
### Debounce Update
1319
Debounce the update and highlighting function ([What is Debouncing?](https://medium.com/@jamischarles/what-is-debouncing-2505c0648ff1))
20+
1421
Files: [debounce-update.js](./debounce-update.js)
22+
1523
[🚀 *CodePen Demo*](https://codepen.io/WebCoder49/pen/GRXyxzV)
24+
1625
### Indent
1726
Adds indentation using the `Tab` key, and auto-indents after a newline, as well as making it possible to indent/unindent multiple lines using Tab/Shift+Tab
27+
1828
Files: [indent.js](./indent.js)
29+
1930
[🚀 *CodePen Demo*](https://codepen.io/WebCoder49/pen/WNgdzar)
31+
2032
### Prism Line Numbers
2133
Allows code-input elements to be used with the Prism.js line-numbers plugin, as long as the code-input element or a parent element of it has the CSS class `line-numbers`. [Prism.js Plugin Docs](https://prismjs.com/plugins/line-numbers/)
34+
2235
Files: [prism-line-numbers.css](./prism-line-numbers.css) (NO JS FILE)
36+
2337
[🚀 *CodePen Demo*](https://codepen.io/WebCoder49/pen/XWPVrWv)
2438
## Using Plugins
2539
Plugins allow you to add extra features to a template, like [automatic indentation](./indent.js) or [support for highlight.js's language autodetection](./autodetect.js). To use them, just:
@@ -42,4 +56,4 @@ Plugins allow you to add extra features to a template, like [automatic indentati
4256
)
4357
);
4458
</script>
45-
```
59+
```

0 commit comments

Comments
 (0)