javascript - 如何在 javascript 获取的 textarea 数据上添加标签/图像？

Question

我有这个 javascript 函数，它放置了一个--- quote ----人们可以在网站上使用的 double。我的目标是用我已经拥有的图像或块引用（使用 CSS 样式）替换 ---quote---。因此，如果有人点击按钮，他们必须得到一个引用图像或块引用，这将在 textarea 上可见。问题是我无法让它工作。

<input type="button" onclick="hen('d','--- (<? echo $language[quote2] ?>: <? echo $language[quote] ?>) ---\n\r','\n\r--- (<? echo $language[quote2] ?>: <? echo $language[quote] ?>) ---\r')" value="- <? echo $language[quote] ?> -" />

例如，这是我尝试过的，它不再显示按钮。

<input type="button" onclick="hen('d','--- (<blockquote id="entry"><? echo $language[quote2] ?>: <? echo $language[quote] ?></blockquote) ---\n\r','\n\r--- (<? echo $language[quote2] ?>: <? echo $language[quote] ?>) ---\r')" value="- <? echo $language[quote] ?> -" />

我怎样才能让它工作我的朋友？

Answer 1

好吧，我可以告诉你为什么按钮至少消失了。您通过在双引号中列出 blockquote id 来打破 onclick 属性。试试这个，看看它会把你带到哪里：

<input type="button" onclick="hen('d','--- (<blockquote id=\'entry\'><? echo $language[quote2] ?>: <? echo $language[quote] ?></blockquote) ---\n\r','\n\r--- (<? echo $language[quote2] ?>: <? echo $language[quote] ?>) ---\r')" value="- <? echo $language[quote] ?> -" />

尽管如果您尝试将 HTML 元素插入到 Textarea 中，我认为这是不可能的。您可能想尝试使用 a<div contenteditable="true"></div>代替（当然，这只适用于支持 contenteditable 属性的浏览器。