Question

我要求用户将js（以及任何）嵌入代码放入textarea中，例如以下js嵌入代码提交到textarea

<script type='text/javascript' src='http://video.boston.cbslocal.com/global/video/videoplayer.js?rnd=275172;hostDomain=video.boston.cbslocal.com;playerWidth=320;playerHeight=240;isShowIcon=true;clipId=6326565;flvUri=;partnerclipid=;adTag=News;advertisingZone=CBS.BOSTON%252Fworldnowplayer;enableAds=true;landingPage=;islandingPageoverride=false;playerType=STANDARD_EMBEDDEDscript;controlsType=fixed'></script>

在textarea旁边有预览按钮，点击其中我获取文本区域的内容并将其分配给隐藏的div'id_bm_embed_view_div'，然后显示此div如：

$('#id_bm_embed_view_div').html(textarea contet);
$('#id_bm_embed_view_div').show();

twitter和youtube嵌入代码似乎工作正常，显示正确的预览，但我不能正确使用js嵌入代码，我在这里缺少什么？

e.g。如果我把下面的嵌入代码我得到了嵌入代码的正确预览

<!-- Generated by EmbeVi (http://www.embevi.com) -->  <object  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" type="application/x-shockwave-flash" width="425" height="344">  <param name="movie" value="http://www.youtube.com/v/R4j8p6zlFHs&f=videos&app=youtube_gdata" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><param name="pluginspage" value="http://get.adobe.com/flashplayer/" />  <embed  type="application/x-shockwave-flash" src="http://www.youtube.com/v/R4j8p6zlFHs&f=videos&app=youtube_gdata" width="425" height="344" wmode="transparent" allowScriptAccess="always" pluginspage="http://get.adobe.com/flashplayer/" flashvars="" quality="high" allowfullscreen="true" loop="false" autoplay="false" autostart="false" scale="exactfit" align="middle" /> </object>

Answer 1

我认为您应该在提交的数据中查看任何/。我试过这些例子：

$("div").html("<script type='text/javascript'>alert('hi');</script>");
// Simply put raw data in div

这不起作用。它在div中打印"); 但这有效：

$("div").html("<script type='text/javascript'>alert('hi');<\/script>");
// Note: <\/script>

希望它有所帮助。

无法在按钮单击时预览js嵌入代码

1 个答案: