在网页上使文字变粗

时间:2012-05-01 07:42:33

标签: javascript html google-chrome

我正在考虑制作某种基于浏览器的插件,也许是针对chrome,这使得文字在引号之间变粗。我想知道,这可能吗,我需要研究什么才能做到这一点?

由于

4 个答案:

答案 0 :(得分:1)

第一:是的,这是可能的。

了解如何开发Chrome ExtensionsContent Scripts。对于这个问题,我认为Content Scripts应该是您正在寻找的解决方案。

要将文本变为粗体,只需查看RegExp以查找HTML文本中的引号(不是整个HTML!)和其中包含的文本,然后将其包装在强标记中。 要查找文本,您可以使用jQuery .text()方法提取文本。

替换脚本的简单模型将是: $(body).text().replace(/"([^"]*)"/mg, '"<strong>$1</strong>"')

如果你决定......你可以建立在这个样本上 虽然您仍然需要注意不要替换脚本标记内的任何文本。

虽然对于这个简单的脚本,你没有扩展名,但简单user script。我认为没有必要延期..

答案 1 :(得分:0)

如果您想构建Chrome扩展程序,请在此处开始使用

http://code.google.com/chrome/extensions/devguide.html

答案 2 :(得分:0)

最复杂的部分可能是如何定义您将作为引号标记处理的内容以及如何识别它们。以不同的方式使用了几十种不同的引号,例如,右指向的双角引号(»)是某些语言的开头引用,某些其他语言的结束引号,以及开启和关闭用几种语言。此外,这个字符通常用于表示任何类型的引用,而不是箭头般的符号。

我不知道为什么你会在引号之间加粗文字,但如果是用于某种突出显示,那么使用独特的背景颜色可能会更好。粗体可能会增加文本的宽度要求,通常不会太多,但许多网页都有像素精确的布局,如果单词的像素变宽,可能会碎片碎片。

答案 3 :(得分:0)

    $(".boldAllQuotationMarks").each(function() {
        $(this).html($(this).html().replace(/"([^"]*)"/mg, '"<strong style="color:#333">$1</strong>"'));
    });