Comments (3)
You can use standard <style>
elements within templ - it sounds like the docs need to be improved to explain that. 😁
It's completely valid to do something like:
package testrawelements
templ Example() {
<html>
<head></head>
<body>
<style><!-- Some stuff --></style>
<style>
.customClass {
border: 1px solid black;
}
</style>
<script type="text/javascript">
$("div").marquee();
function test() {
window.open("https://example.com")
}
</script>
<h1>Hello</h1>
</body>
</html>
}
And you'll get the CSS class and raw script content included in the output.
If you're interested in what that looks like, there's a "raw" element parser which doesn't try to parse the content of script and style elements at https://github.com/a-h/templ/blob/main/parser/v2/raw.go
The behaviour is covered in this unit test: https://github.com/a-h/templ/tree/main/generator/test-raw-elements
Thanks for trying out templ, and taking the time to ask questions and raise issues!
from templ.
How do we go about using tailwindcss in the email templates and generate the inline style block?
from templ.
Sorry I did not get time to try out your suggestion @a-h
from templ.
Related Issues (20)
- -stdout sends error report to output file HOT 3
- bug: script elements don't render script templates
- lsp: support the organizeImports code action HOT 3
- Wasm support for interacting with the DOM HOT 3
- generator: can't use iterator value in for loop HOT 8
- max retries reached HOT 3
- lsp: panic on codeAction HOT 6
- question: Escape go keywords at the beginning of the line HOT 3
- generator: Duplicate Import Statements in Generated Templates Cause go build Failure HOT 5
- vscode: folded files in tree view seem to not work when rust-analyzer is installed HOT 2
- Issue: Unexpected Script Placement in Generated HTML HOT 3
- fmt: <pre> tags not handled correctly HOT 3
- parser: style attribute of DOM element doesn't accept dynamic styles HOT 1
- proposal: Typed Children for Wrappers HOT 2
- Proposal: Allow spreading List of `templ.Components`, similar to `{ children ... }` HOT 1
- css expression: found unexpected parameters HOT 2
- generator: Add nonce support for style tags
- Abandoned change to not modify files where fmt makes no changes HOT 3
- Proposal: Load file as templ HOT 4
- Help with intercepting middleware, and writing responses HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from templ.