JavaScript:查找所有 链接并向其添加样式标签，其中包含字体、颜色等样式详细信息。

Question

我有一个字段，用户可以在其中输入一些文本，包括链接等。保存数据并且应该预览文本后，我需要将所有链接格式化为 <a href> 上设置的某个内联样式标签。 。没有使用 CSS 的选项，因此它应该是内联的。

输入文本示例:Some text goes here. Please go to my web site, click here <a href="http://www.onewebsite.com" target="_blank">www.onewebsite.com</a>. Then some more text here…..with more links etc……

预览时的示例文本:Some text goes here. Please go to my web site, click here <a href="http://www.onewebsite.com" target="_blank" style="font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #fa860b;">www.onewebsite.com</a>. Then some more text here…..with more links etc……

请注意style="font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #fa860b;" 现已添加到 <a href> 。

如何用 JavaScript 以简单的方式做到这一点？这将是某种函数，例如:

function formatPreview(myText){
  defaultStyle="style=\"font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #fa860b;\"";
  myText = myText, find all a href and enter my defaultStyle 
  return myText
}

请告诉我。感谢您的帮助。

Answer 1

为什么出现“没有 CSS 选项”？如果您只想影响预览区域中的链接，那么(假设您的预览区域有 id="preview")只需执行以下操作:

#preview a {
    font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif;
    font-size: 12px;
    color: #fa860b;
}