javascript - 如何在 javascript 获取的文本区域数据上添加标签/图像？

Question

我有这个 javascript 函数，可以放置一个双 --- quote ---- ，人们可以在网站上使用它。我的目标是将 ---quote--- 替换为我已有的图像或 block 引用(使用 CSS 设置样式)。所以如果有人点击按钮，他们必须得到一个引述图像或 block 引用，这将在文本区域中可见。问题是我无法让它工作。

<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] ?> -" />

我怎样才能让我的 friend 们使用它？

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 元素插入文本区域，我认为这是不可能的。您可能想尝试使用 <div contenteditable="true"></div>相反(当然，这只适用于支持 contenteditable 属性的浏览器。