You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Feliz标记中嵌入原始HTML字符串?

如何在Feliz标记中嵌入原始HTML字符串

要在Feliz.ViewEngine中嵌入原始HTML字符串,你需要使用prop.dangerouslySetInnerHTML属性,而非直接调用Html.html方法。这个属性专门用来插入未转义的原始HTML内容——注意它的命名带有"dangerously"前缀,是在提醒你:直接插入原始HTML存在XSS安全风险,务必确保输入的HTML内容完全可信。

修改后的完整代码如下:

#r "nuget: Feliz.ViewEngine"

open Feliz.ViewEngine

let someRawHtmlDiv =  "<div>
                something in here
                </div>"
     
let view = 
    Html.html [
        Html.head [ Html.title "Feliz" ]
        Html.body [
            Html.header [ prop.text "Feliz" ]
            // 用dangerouslySetInnerHTML插入原始HTML
            Html.div [ prop.dangerouslySetInnerHTML someRawHtmlDiv ]
        ]
    ]
    
let document = Render.htmlDocument view

如果需要把原始HTML嵌入到其他容器元素里,只需将Html.div替换为对应的元素(比如Html.section、Html.article等),保留prop.dangerouslySetInnerHTML属性即可。

内容的提问来源于stack exchange,提问作者Jules

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 11:24:54