Question

我有一个按钮，可以用作Twitter引导程序的弹出窗口。

button(data.content := h1("an example of html").render, data.toggle="popover")("click here")

我想在popover的内容中有一些html代码，所以我需要将html传递给data.toggle atribute，但是这会将html代码打印出来，因为scalatags阻止了XSS。如何防止这种情况/我怎么能得到这种效果？

Answer 1

这很粗糙，但它会做你想要的。我不确定有更好的方式。

import scalatags.Text.{Attr, TypedTag}
import scalatags.Text.all._
import scalatags.text.Builder

// Warning: this extends a "more-or-less internal trait" so may stop working after a ScalaTags update.
final case class RawValueSource(v: String) extends Builder.ValueSource {
  override def appendAttrValue(strb: StringBuilder): Unit = strb.append(v)
}

// We need an AttrValue for tags. This one just renders the tag *without* escaping the result.
class TagAttrValue extends AttrValue[TypedTag[String]] {
  override def apply(t: Builder, a: Attr, v: TypedTag[String]): Unit = {
    t.setAttr(a.name, RawValueSource(v.render))
  }
}

// We need this implicit in scope so that we can use tags on the rhs of the := operator.
implicit val tagAttr = new TagAttrValue()

button(data.content := h1("an example of html"), data.toggle := "popover")("click here")

如何在scalatags属性中插入html代码？

1 个答案: