Skip to content

Instantly share code, notes, and snippets.

@devuxer

devuxer/HtmlWizard.cs

Last active December 21, 2015 12:08
Show Gist options
  • Save devuxer/6303712 to your computer and use it in GitHub Desktop.
Save devuxer/6303712 to your computer and use it in GitHub Desktop.
Download ZIP
I was curious if I could build a C# "tag builder" that comes close to the succinctness of the Parrot view engine (https://github.com/ParrotFx/Parrot). This is purely hypothetical at the moment (i.e., HtmlWizard does not really exist), but I believe something very close to this would be possible. Do you like the syntax? Do you think it would be e…
Raw
HtmlWizard.cs
public HtmlWizard GetWelcomeView
{
var model = new { Features = new[] { "Easy to type", "Easy to read", "Easy to maintain" } };
return new HtmlWizard((e /* element */, a /* attribute */, ca /* custom attribute */) =>
{
e.Html(
e.Head(
e.Title("Check out ", e.Strong("HTML Wizard"), "!")),
e.Body(
e.H1(a.Id("header"), ca("custom1", "value1"), ca("custom2", "value2"), "HTML Wizard"),
e.P(a.Id("tagname"), a.Class("small"), "All new HTML Tag Generator"),
e.P("Just go to ", e.A(a.Href("http://github.com"), "GitHub"), " and search for Wizard."),
e.UL(
model.Features.Select(f => e.LI(f)))))
});
}
Raw
HtmlWizard.html
<html>
<head>
<title>Check out <strong>HTML Wizard"</strong>!</title>
</head>
<body>
<h1 id="header" custom1="value1" custom2="value2">HTML Wizard</h1>
<p id="tagname" class="small")>All new HTML Tag Generator</p>
<p>Just go to <a href="http://github.com">GitHub</a> and search for Wizard.</p>
<ul>
<li>Easy to type</li>
<li>Easy to read</li>
<li>Easy to maintain</li>
</ul>
</body>
</html>
@devuxer
Copy link
Author

devuxer commented Aug 22, 2013

Or perhaps a separate h.Let() for each attribute (because I'm not sure sure about the alternating name, value, name, value thing).

@devuxer
Copy link
Author

devuxer commented Aug 22, 2013

And here's another idea, sort of a hybrid:

h.H1(h.Set(id: "header", other: new { custom1 = "value1", custom2 = "value2"}), "HTML Wizard")

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment