reiver
/
ziba-js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ziba.js is a JavaScript implementation of a ziba markup renderer. ziba markup is a set of HTML tags designed to help better use HTML as a document format (rather than a cross-platform application format).
3 Commits
1 Branch
0 Tags
66 KiB
JavaScript 97.6%
HTML 2.4%
 
 
Go to file
Charles Iliya Krempeaux 9a8da5be83 initial commits 2023-11-15 10:09:31 -08:00
LICENSE initial commits 2023-11-15 09:50:49 -08:00
README.md initial commits 2023-11-15 10:08:27 -08:00
ziba.js initial commits 2023-11-15 10:09:31 -08:00

README.md

ziba.js

ziba.js is a JavaScript implementation of a ziba markup renderer.

ziba markup is a set of HTML tags designed to help better use HTML as a document format (rather than a cross-platform application format).

Example

Here is an example usage of ziba.js:

<!DOCTYPE html>
<html>
	<body>
		<div id="main">
			<p>
				Hello world!
			</p>
			<p>
				Here is a ziba-link to my <ziba-link>resume</ziba-link>.
				That ziba-link will get turned into <a href="resume">resume</a>.
				Notice that the text and the href are the same.
			</p>
			<p>
				Here is another one <ziba-link title="four">fource</ziba-link>
				This ziba tag will get turned into <a href="four">fource</a>
				Notice that the href now has the value of the title of the ziba-link
			</p>
			<p>
				ziba-link is design to work for only local links.
			</p>
		</div>

		<script type="module">
			import * as ziba from "./ziba.js" // <--- Your path of ziba.js might be different.

			const rootElement = document.getElementById("main")

			ziba.transform(rootElement)
		</script>
	</body>
</html>

Tags

  • <ziba-link> — used for local links.

Import

To import module ziba use import code like the following:

import * as ziba from "./ziba.js" // <--- Your path of ziba.js might be different.

Author

Module ziba was written by Charles Iliya Krempeaux