html-utils-package
Make HTML5 easier and less time-consuming with this Espanso package!
Installation
Make sure you have already installed Espanso first.
espanso install html-utils-package
That's all. You can start using the package. Open your favorite editor and type ::docskel to test!
Preview
You can choose between all of them from the Search-bar:
Triggers
Here you can see some of them:
| Trigger | Result |
|---|---|
::docskel |
Generates an empty document with utf-8 and viewport headers (unindented) |
::doctype |
<!DOCTYPE html> |
::meta-charset |
<meta charset=""> |
::meta-utf-8 |
<meta charset="UTF-8"> |
::meta-viewport |
<meta name="viewport" content="width=device-width, initial-scale=1"> |
::meta-author |
<meta name="author" content=""> |
::meta-desc |
<meta name="description" content=""> |
::meta-keywords |
<meta name="keywords" content=""> |
::title |
<title></title> |
::div |
<div></div> |
::html |
<html></html> |
::head |
<head></head> |
::body |
<body></body> |
::a |
<a href=""></a> |
::br |
<br> |
::button |
<button type="button"></button> |
::style |
<style></style> |
::css |
<link rel="stylesheet" type="text/css" href=""> |
::script |
<script></script> |
::js |
<script type="text/javascript" src=""></script> |
::form |
<form action="" method=""></form> |
::label |
<label for=""></label> |
::input-submit |
<input type="submit" value=""> |
::input-text |
<input type="text" name="" id=""> |
::input-password |
<input type="password" name="" id=""> |
::input-radio |
<input type="radio" name="" id="" value=""> |
::input-checkbox |
<input type="checkbox" name="" id="" value=""> |
::input-file |
<input type="file" name="" id=""> |
Contributions
If you feel like there's any important tag/snippet missing, feel free to create a Pull Request or open an Issue.