EJS language preview
1. User list
a loop tag, an output tag, and a comment tag
horizon-dark
<%# render a list of users %>
<ul>
<% users.forEach(function(user) { %>
<li><%= user.name %></li>
<% }); %>
</ul>
<p><%- rawHtml %></p>atom-one-dark
<%# render a list of users %>
<ul>
<% users.forEach(function(user) { %>
<li><%= user.name %></li>
<% }); %>
</ul>
<p><%- rawHtml %></p>github-dark
<%# render a list of users %>
<ul>
<% users.forEach(function(user) { %>
<li><%= user.name %></li>
<% }); %>
</ul>
<p><%- rawHtml %></p>dracula
<%# render a list of users %>
<ul>
<% users.forEach(function(user) { %>
<li><%= user.name %></li>
<% }); %>
</ul>
<p><%- rawHtml %></p>nord
<%# render a list of users %>
<ul>
<% users.forEach(function(user) { %>
<li><%= user.name %></li>
<% }); %>
</ul>
<p><%- rawHtml %></p>github
<%# render a list of users %>
<ul>
<% users.forEach(function(user) { %>
<li><%= user.name %></li>
<% }); %>
</ul>
<p><%- rawHtml %></p>2. Conditional rendering
scriptlet tags controlling which markup renders
horizon-dark
<% if (loggedIn) { %>
<p>Welcome back, <%= username %>!</p>
<% } else { %>
<p><a href="/login">Log in</a></p>
<% } %>atom-one-dark
<% if (loggedIn) { %>
<p>Welcome back, <%= username %>!</p>
<% } else { %>
<p><a href="/login">Log in</a></p>
<% } %>github-dark
<% if (loggedIn) { %>
<p>Welcome back, <%= username %>!</p>
<% } else { %>
<p><a href="/login">Log in</a></p>
<% } %>dracula
<% if (loggedIn) { %>
<p>Welcome back, <%= username %>!</p>
<% } else { %>
<p><a href="/login">Log in</a></p>
<% } %>nord
<% if (loggedIn) { %>
<p>Welcome back, <%= username %>!</p>
<% } else { %>
<p><a href="/login">Log in</a></p>
<% } %>github
<% if (loggedIn) { %>
<p>Welcome back, <%= username %>!</p>
<% } else { %>
<p><a href="/login">Log in</a></p>
<% } %>3. Whitespace control
the trim-mode <%_ and -%> tags
horizon-dark
<ul>
<%_ items.forEach(function(item) { -%>
<li><%= item.label %></li>
<%_ }); -%>
</ul>atom-one-dark
<ul>
<%_ items.forEach(function(item) { -%>
<li><%= item.label %></li>
<%_ }); -%>
</ul>github-dark
<ul>
<%_ items.forEach(function(item) { -%>
<li><%= item.label %></li>
<%_ }); -%>
</ul>dracula
<ul>
<%_ items.forEach(function(item) { -%>
<li><%= item.label %></li>
<%_ }); -%>
</ul>nord
<ul>
<%_ items.forEach(function(item) { -%>
<li><%= item.label %></li>
<%_ }); -%>
</ul>github
<ul>
<%_ items.forEach(function(item) { -%>
<li><%= item.label %></li>
<%_ }); -%>
</ul>