如何在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
相关产品推荐
相关产品推荐

