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.
Related Issues (20)
- Getting multiple error message when parsing a simple templ file HOT 23
- VS Code plugin: changelog tab HOT 1
- Vm instead of generator HOT 5
- proposal: would templ generate be faster if it skipped generating files that haven't changed?
- proposal: compare document handling logic with vscode-languageserver-node HOT 1
- proposal: build in hot-reload (templ generate --watch) HOT 11
- bug: cannot parse complex attributes HOT 5
- lsp: textDocument/definition failed HOT 2
- parse error with templ elements HOT 5
- templ fmt indents weirdly if @component is put before/after text HOT 14
- css: Support arguments in CSS components HOT 5
- generator: option to disable whitespace normalization HOT 11
- element expression breaks on multiline function calls HOT 4
- bug: example code for blog HOT 1
- Back button nav HOT 3
- Idea: web components with templ HOT 5
- Explore batching strings HOT 9
- Explore multi type support HOT 1
- vscode: syntax broken when using children HOT 2
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.