如何初始化輸入中所有文本的鏈接

Question

• 我只有一個輸入（type=text），在這個輸入中有人會輸入他的文本，他也可以在這個字段中粘貼一個鏈接。
• 我該怎么辦？ 我應該在文本中初始化這個鏈接以獲得漂亮的鏈接預覽（為此我將使用 link-preview-js）。
• 所以，請幫我初始化一個鏈接
• 使用：反應，反應TS

輸入：

URL() 構造函數返回一個新創建的 URL object 代表參數定義的 URL。 如果給定的基數 URL 或生成的 URL 不是有效的 URL，則會拋出 JavaScript TypeError 異常。 www.gfokgfkl.com （及預覽下）

期待一些方法或特殊類型，如 File -> FileReader for (for ex) images。

Answer 1

您可能想使用正則表達式。 這個答案有一個很好的正則表達式來匹配鏈接。 然后您可以使用String.prototype.match從您的輸入中提取鏈接。