1.1.0 • Published 8 years ago

macdom v1.1.0

Weekly downloads
4
License
BSD-3-Clause
Repository
github
Last release
8 years ago

Macdom-js

Build Status npm license Join the chat at https://gitter.im/Machy8/Macdom

Macdom html preprocessor - javascript version

  • Works pretty mutch the same as the PHP version. Documentation comming soon.
  • PHP version documentation
  • Try it on CODEPEN (JavaScript version is always behind the PHP version so it may contain bugs and errors that have already been fixed in the PHP version)

##Sample

Macdom

!5
html
head
	utf-8
	viewport
	favicon includes/favicon.ico
	title Macdom example
body
	h1 #title .titles .main-title Hello world
	nav
		@ a $http://www.[@].com $blank Link on -
		[google] .first-link Google
		[yahoo] Yahoo
		[github] Github	
	div #wrapper Some text <b>here</b>.
	https://www.code.jquery.com/jquery-1.12.0.min.js async
	

Result

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta content="width=device-width" name="viewport">
		<link rel="shortcut icon" href="includes/favicon.ico">
		<title>Macdom example</title>
	</head>
	<body>
		<h1 id="title" class="titles main-title">Hello world</h1>
		<nav>
			<a target="blank" href="http://www.google.com" class="first-link">Link on - Google</a>
			<a target="blank" href="http://www.yahoo.com">Link on - Yahoo</a>
			<a target="blank" href="http://www.github.com">Link on - Github</a>
		</nav>
		<div id="wrapper">
			Some text <b>here</b>.
		</div>
		<script async="" type="text/javascript" src="https://www.code.jquery.com/jquery-1.12.0.min.js"></script>
	</body>
</html>

Installation

npm install Macdom