Security News
Oracle Drags Its Feet in the JavaScript Trademark Dispute
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
By Sarah Gooding - Feb 07, 2025
New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
html-lightweight-template-engine
Advanced tools
HTML Lightweight Template Engine v1.3.0 Documentation
Table of contents
Description
When you simply want to use template interpolation {{ someValue }} and
Angular like ng-container and ng-template elements (with the limited
functionality) in plain HTML without any frameworks, you can use this
library to do that.
Installation
For the usage in ESM run the following command:
npm i html-lightweight-template-engine
For the script tag usage include the following script:
<!DOCTYPE html>
<html>
<body>
<script src="https://cdn.jsdelivr.net/npm/html-lightweight-template-engine@1.3.0/dist/html-lightweight-template-engine.min.js"></script>
</body>
</html>
Usage example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ pageTitle }}</title>
</head>
<body>
<p>{{ greeting }}</p>
<app-container appTemplateOutlet="myIcon"></app-container>
<app-template myIcon>
<svg height="100" width="100">
<circle
cx="50"
cy="50"
r="40"
stroke="black"
stroke-width="3"
fill="yellow"
/>
</svg>
</app-template>
<script src="https://cdn.jsdelivr.net/npm/html-lightweight-template-engine@1.3.0/dist/html-lightweight-template-engine.min.js"></script>
<script>
window.onload = () => {
const templateEngine =
new htmlLightweightTemplateEngine.HtmlLightweightTemplateEngine({
pageTitle: "Mia's Blog",
greeting: 'Good evening'
})
templateEngine.renderTemplate()
}
</script>
</body>
</html>
API
HtmlLightweightTemplateEngineclass constructor parameters:texts{[key: string]: string}: interpolation key-valueselementAttributePrefix{string}: this value is used as a prefix to reference custom elements and attributes. Default - 'app'
FAQs
Simple package for creating HTML templates.
The npm package html-lightweight-template-engine receives a total of 1 weekly downloads. As such, html-lightweight-template-engine popularity was classified as not popular.
We found that html-lightweight-template-engine demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Package last updated on 10 Jun 2023
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Security News
Linux Foundation Warns Open Source Developers: Compliance with Sanctions Is Not Optional
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.
By Sarah Gooding - Feb 06, 2025
Security News
Maven Central Adds Sigstore Signature Validation
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.
By Sarah Gooding - Feb 06, 2025