如何在角度应用程序的文本区域中显示超链接[关闭]

Question

我在 Angular 应用程序中有一个用于动态内容的文本区域框。如果其中一些内容包含超链接，则无法识别，因此无法点击。如何在 Angular 的文本框中显示超链接？

Answer 1

简短的回答是你不能。

您需要使用 div。也可以使用 contenteditable 让用户修改 d​​iv 的内容。

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content

但是，这仅在用户将超链接复制并粘贴到可编辑的 div 中时才有效。否则，您将需要使用按键事件和正则表达式来检测用户是否输入了超链接。

根据用例，您可能需要考虑不在文本区域中进行超链接，而是执行类似 stackoverflow 的操作并在文本区域下方显示预览，并使用代码来检测和超链接 URL。

可选第三方库，如 QuillJS 和 TinyMCE。