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

Question

我有这个 javascript 函数，它放置了一个双 --- quote ----，人们可以在网站上使用它。我的目标是用我已经拥有的图像或块引用（使用 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 中，我认为这是不可能的。您可能想尝试使用 <div contenteditable="true"></div> 代替（当然，这只适用于支持 contenteditable 属性的浏览器。