Imagine crafting elegant, semantic HTML structures without the clutter of angle brackets (really human-friendly). Pretty Markup, a revolutionary preprocessor like Sass for CSS or TypeScript for JavaScript, Pretty Markup takes HTML to the next level.
- Goodbye
< >, Hello Readability: Pretty Markup reimagines HTML syntax, potentially using a more natural language-like approach. This could make writing HTML a breeze, boosting developer productivity. - Semantic Powerhouse: Focus on the meaning of your content, not just its presentation. Pretty Markup encourage semantic best practices, ensuring your HTML is not only beautiful but also machine-readable.
- A Superset of HTML? Think of it as a layer on top of regular HTML. Write clean, concise code in Pretty Markup, and it seamlessly translates into standard, browser-compatible HTML under the hood. It represents a potential future where writing HTML is an expressive and enjoyable experience.
- Create a folder ./src.
- Create the files with the extension
.pm - Then, run:
pm To use the
pmcommand, install it globally. Or, usenpx pm
import { compiler } from 'pretty-markup';
const pm = "h1 \"Hey! This's a Heading 1\" /h1"
const html = compiler(pm)
console.log(html);
// Output
// <!DOCTYPE html>
// <h1>
// Hey! This's a Heading 1</h1>
//- Pretty Markup Language Basics is available to installation on VS code you can search for
Pretty Markupand install the extension. Open VSCode and type ctrl+P, type this:
ext install mopires.pretty-markup-language-basicsWe welcome contributions! Please see our CONTRIBUTING.md for details on how you can help improve the project.
Report bugs or improvements at https://github.com/mopires/pretty-markup/issues
This project is licensed under the MIT License.