import custom css and js as files

zrcoder · zrcoder · commit fd3fccdad134 · 2025-04-23T16:22:30.000+08:00
diff --git a/conf/config.go b/conf/config.go
@@ -1,9 +1,7 @@
 package conf
 
 import (
-	stdtpl "html/template"
 	"net/http"
-	"strings"
 
 	"github.com/zrcoder/amisgo/internal/conf"
 	"github.com/zrcoder/amisgo/internal/template"
@@ -31,8 +29,8 @@ type (
 type Config struct {
 	Title      string
 	Icon       string
-	CustomCSS  stdtpl.CSS
-	CustomJS   stdtpl.JS
+	CustomCSS  []string
+	CustomJS   []string
 	LocalSdkFS http.FileSystem
 	*template.Templ
 }
@@ -108,14 +106,14 @@ func WithIcon(icon string) Option {
 // WithCustomCSS sets the custom CSS URL.
 func WithCustomCSS(customCSS ...string) Option {
 	return func(c *Config) {
-		c.CustomCSS = stdtpl.CSS(strings.Join(customCSS, "\n"))
+		c.CustomCSS = customCSS
 	}
 }
 
 // WithCustomJS sets the custom JavaScript URL.
 func WithCustomJS(customJS ...string) Option {
 	return func(c *Config) {
-		c.CustomJS = stdtpl.JS(strings.Join(customJS, "\n"))
+		c.CustomJS = customJS
 	}
 }
 
diff --git a/internal/template/template.gohtml b/internal/template/template.gohtml
@@ -27,6 +27,14 @@
     <link rel="stylesheet" href="{{ .AmisBaseURL }}@{{ .AmisVersion }}/sdk/helper.min.css" />
     <link rel="stylesheet" href="{{ .AmisBaseURL }}@{{ .AmisVersion }}/sdk/iconfont.min.css" />
     {{ end }}
+
+    {{ range .CustomCSS }}
+    <link rel="stylesheet" href="{{.}}" />
+    {{ end }}
+
+    {{ range .CustomJS }}
+    <script src="{{.}}"></script>
+    {{ end }}
     
     <style>
       html,
@@ -38,7 +46,6 @@
         margin: 0;
         padding: 0;
       }
-      {{ .CustomCSS }}
     </style>
   </head>
   <body>
@@ -48,11 +55,6 @@
     {{ else }}
     <script src="{{ .AmisBaseURL }}@{{ .AmisVersion }}/sdk/sdk.min.js"></script>
     {{ end }}
-    {{ if .CustomJS }}
-    <script type="text/javascript">
-    {{ .CustomJS }}
-    </script> 
-    {{ end }}
     <script type="text/javascript">
       (function () {
         let amis = amisRequire('amis/embed');
