javascript - 在 TinyMCE 中追加属性值

Question

Youtube 的新嵌入代码是这样的:

  <iframe
    width="560"
    height="345"
    src="http://www.youtube.com/embed/rFuUFeQIdpk"
    frameborder="0"
    allowfullscreen>
  </iframe>

TinyMCE 粘贴得很好，但问题是出于明显的 CSS/DOM 原因，我需要将 "?wmode=opaque" 添加到 src 属性。如果可能的话，我真的很想找到一个内置 TinyMCE 的解决方案(当然，如果没有任何用处，我显然可以使用一些 jQuery……但这是最后的手段)。

到目前为止，我有:valid_elements:'iframe[width|height|src|allowfullscreen]'

而且我注意到 tinyMCE 上的文档说他们接受通配符进行匹配 - 但我似乎无法让它们工作。

例如，像这样:valid_elements:'iframe[width|height|src=*+\?wmode\=opaque|allowfullscreen]'

(当然，那是行不通的)

想法？想法？

Answer 1

为什么不直接将 &wmode=Opaque 添加到 src 中？如果这不起作用，请尝试 &wmode=transparent。

如果您不知道如何在粘贴后修改 src 属性，您可以使用粘贴插件并将一些代码添加到 paste_preprocess环境。应该这样做

o.content.replace(/src=\"(.*?)"/g, "$1&wmode=Opaque");