https://github.com/tmpmachine/vsce-divless
VS Code extension for Divless HTML format replacer
https://github.com/tmpmachine/vsce-divless
Last synced: 6 months ago
JSON representation
VS Code extension for Divless HTML format replacer
- Host: GitHub
- URL: https://github.com/tmpmachine/vsce-divless
- Owner: tmpmachine
- License: mit
- Created: 2023-05-16T12:20:26.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-03-07T05:49:59.000Z (about 1 year ago)
- Last Synced: 2025-03-07T06:23:17.633Z (about 1 year ago)
- Language: JavaScript
- Size: 33.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Divless HTML Watcher
One way converter for divless HTML format to regular HTML format.
## How To
Create a `.divless` folder. When you save a file inside this folder, the divless program will read the file content and replace the divless-HTML format with HTML one. **Extensions are limited to one of the following**:
```js
const allowedExtensions = ['.html', '.htm', '.razor', '.vue', '.xml'];
```
The resulted file will be created just outside the `.divless` folder.
```
.
├── .divless/
│ └── index.html
└── index.html (generated/updated on saving .divless/index.html)
```
## Examples
Can be used together with HTML. There are shortnames for HTML tags and inline CSS properties. Visit the repository link below.
### ID, Class, other Attributes
```html
[ #my-div .class1 .class2 data-x="100"
Hello World.
]
```
Result:
```html
Hello World.
```
### Inline Styles
```html
[ {p:8px 16px} {bor:1px solid} {pos:absolute;top:0}
Hello World.
]
```
Result:
```html
Hello World.
```
### Skip Format
```html
[btn "Button 1"]
[ #my-div
Do not replace this part
]
[btn "Button 2"]
```
Result:
```html
Button 1
[ #my-div
Do not replace this part
]
Button 2
```
## Links
- [divless-html](https://github.com/tmpmachine/divless-html) on GitHub.