仅将文本颜色添加到 HTML 上的推文的主题标签

Posted 2023-03-28

【中文标题】仅将文本颜色添加到 HTML 上的推文的主题标签

【英文标题】：Add text-color only to hashtags for tweets on HTML

【发布时间】：2018-05-12 16:42:12

【问题描述】：

我使用 Python 中的 Tweepy API 从 Twitter 中提取了推文。我正在将其写入 csv 并将其显示到 html 网页上。有什么方法可以保留主题标签的蓝色或专门使用 HTML 添加颜色？

cyber #infosec via @wired Intel 管理引擎缺陷导致数百万台 PC 暴露在外

在我提取的上述示例推文中，我怎样才能将#infosec 设为蓝色？

这是我尝试实现但没有给出所需输出的 ​​jQuery 函数。

$('slider-container').overlay([
    
        match: /\B#\w+/g,
        css: 
            'color': '#d8dfea'
        
    
]);

提前致谢！

【问题讨论】：

API 返回的是纯文本吗？如果要在浏览器上显示，需要一些html、css和js。

@marlo ：是的，数据是纯文本格式的。我添加了用于单独显示推文的基本 HTML/CSS。哪个工作正常。我希望标签是蓝色的。就是这样。

***.com/a/17245365/3385827

您需要在匹配的主题标签周围包裹一个 （带颜色）标签

您正在调用overlay() 方法。它是您自己编写的函数，还是您正在使用的库的方法？

【参考方案1】：

你需要使用正则表达式。

$(document).ready(function() 
  $("p").html(function(_, html) 
    return html.replace(/(\#\w+)/g, '<span class="blue">$1</span>');
  );
);

.blue 
  color: blue

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>cyber #infosec via @wired Intel Management Engine Flaws Leave Millions of PCs Exposed</p>

【讨论】：

嗨，当我运行上面的代码sn-p时，它似乎没有改变颜色。

我已经添加了 css @Pooja，现在试试。

糟糕！我的错。我完全忽略了 CSS 类选择器。这很完美，非常感谢@Krushnakant