- For more information see WIKI (always up to date to the newest stable version)
- 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)
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>- PHP 7.0+
- If you use Nette Framework - v2.3+
1 - Download the Macdom using composer:
composer require machy8/macdom
2 - Usage:
Typical:
$macdom = new Macdom\Engine;
$compiled = $macdom->compile($content);Nette framework:
use Macdom\Bridges\Latte\FileLoader;
use Macdom\Engine;
/**
* @var Engine
*/
private $macdom;
/**
* @var FileLoader
*/
private $fileLoader;
public function __construct(Engine $macdom, FileLoader $fileLoader) {
$this->macdom = $macdom;
$this->fileLoader = $fileLoader;
}
protected function createTemplate()
{
$template = parent::createTemplate();
$this->fileLoader->setMacdom($this->macdom);
$template->getLatte()->setLoader($this->fileLoader);
return $template;
}And add a config neon file with the following content (or try Composer synchronizer. It will do it for you automatically).
extensions:
macdom: Macdom\Bridges\Nette\MacdomExtension
macdom:
debugger: TRUE
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent