TOGOUTECH

javascript - 如何使用 JavaScript 控制大括号或大括号 { } 内段落(<p> 标记)中任何文本的字体粗细

coder 2024-07-25 原文

如果使用 JavaScript 将文本括在 p 标记内,我希望能够控制文本的字体粗细。

例如: 母牛跳过了{月亮}。 {} 内的字体粗细会增加。

这样最终用户就可以将其键入文本区域,并在提交时打印到页面,更改大括号或大括号内的字体粗细。

在这方面的任何帮助都会很棒。

最佳答案

以下是您可以执行此操作的方法:

var ps = document.getElementsByTagName('p');
    foreach = Array.prototype.forEach;

foreach.call(ps, function (p) {
    var content = p.innerHTML;
    p.innerHTML = content.replace(/\{(.*?)\}|\((.*?)\)/g, function (m) {
        return '<span style="font-weight: bold;">' + m + '</span>';
    });
});
​

当然还有 fiddle . 对于示例,您只需要纯 JavaScript,不需要额外的库。

  • 编辑:

如果您不想在结果中看到括号,您可以使用:

var ps = document.getElementsByTagName('p');
    foreach = Array.prototype.forEach;

foreach.call(ps, function (p) {
    var content = p.innerHTML;
    p.innerHTML = content.replace(/\((.*?)\)|\{(.*?)\}/g, function (m) {
        return '<span style="font-weight: bold;">' + m.replace(/[\(\)\{\}]/g, '') + '</span>';
    });
});

fiddle :http://jsfiddle.net/ma47D/4/

最好的问候!

关于javascript - 如何使用 JavaScript 控制大括号或大括号 { } 内段落(<p> 标记)中任何文本的字体粗细,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13950083/

有关javascript - 如何使用 JavaScript 控制大括号或大括号 { } 内段落(<p> 标记)中任何文本的字体粗细的更多相关文章

  1. 零基础熟悉mmdetection3d数据提取、模型搭建过程 - 2

    本图文从介绍配置文件开始,逐步构建一个新的配置文件,并依次构建相关模型,最终使用一条点云数据简单走了一下处理流程关于mmdetection3d的安装,参考官方文档安装—MMDetection3D1.0.0rc4文档1、读取配置文件1.1mmdetection3d配置文件的组成官方文档:教程1:学习配置文件—MMDetection3D1.0.0rc4文档在mmdetection3d中,主要思想是通过继承默认配置来实现自定义模型,当然,也可以将模型的所有配置写在一个文件里,按需使用。配置文件存放于mmdetection3d/config目录下,其中**_base_目录为mmdetection3d自

  2. javascript - 通过减少节点数来简化 SVG 路径字符串 - 2

    我正在生成一个表示折线图的大型SVG路径字符串。在图表下方,我有一个用于选择时间范围切片的slider。slider后面是整个折线图的迷你预览。我目前正在按比例缩小生成预览的路径,但是在这样做时我最终每个像素有数十个节点,因此需要更多的细节。当然,这给了浏览器更多的渲染任务。关于压缩svg字符串(gzipping等)的信息很多,但关于通过减少节点实际简化路径的算法的信息很少。我正在使用Raphaeljs并正在寻找基于javascript的解决方案。有什么想法吗? 最佳答案 Simplify.js可能是您正在寻找的东西。鉴于您的折线图

  3. javascript - 将支持 node.js 中的原始套接字,例如创建ping数据包? - 2

    将支持node.js中的原始套接字,例如创建ping数据包? 最佳答案 名为node-raw-socket的新模块使用nodejs为真正的原始套接字提供完美的解决方案。并且,为了创建ping(ICMP)数据包,同一开发人员还有一个基于node-raw-sockets的非常好的工作(使用它)解决方案:node-net-ping. 关于javascript-将支持node.js中的原始套接字,例如创建ping数据包?,我们在StackOverflow上找到一个类似的问题:

  4. Linux(CentOS 7)配置静态ip及ping 不通外网问题 - 2

    前言日常学习中,如果Linux中安装了MySQL、nacos、redis等中间件。我们可能会通过navicat/dataGrip连接MySQL、会通过ip:port/nacos访问nacos、会通过ip:port连接redis。可以看到这些都跟Linux的ip地址有关,所以一旦开机重启后,Linuxip地址有变动,我们将需要逐个进行ip地址的修改,这是极其不方便的。我们可以将Linuxip地址配置为静态ip,规避上面的问题。二、编辑网卡配置文件1.配置文件地址需要注意的是,网卡配置文件可能是ifcfg-ens32,也有可能是ifcfg-ens33,有哪个直接编辑哪个就行。vim/etc/sys

  5. 修改docker ip网段 - 2

    一问题描述用docker方式安装完archery后,网络同事反馈该archery服务器的网段和现有网段冲突了,我在archery服务器上,的确发现docker自动生成了几个网卡: #查看docker使用的网卡[root@Archery~]#dockernetworklsNETWORKID         NAME                   DRIVER             SCOPEe4837687da0a       bridge                 bridge             localc83400d3d65b       dockercompose_d

  6. javascript - 如何在链接点击上播放 mp3 - 2

    有一个简单的链接01.TheNameofTrack如何在用户点击链接时播放mp3文件?请帮助我找到一些简单有效的解决方案。谢谢。感谢您的帮助。我选择了这个解决方案http://www.schillmania.com/projects/soundmanager2/demo/play-mp3-links/最适合我的情况。 最佳答案 使用HTML5Yourbrowserdoesnotsupporttheaudioelement.document.getElementById("link_id").addEventListener("cli

  7. 分层化网络设计:核心层,汇聚层,接入层 - 2

    核心层,汇聚层,接入层      分层化网络设计模型可以帮助设计者按层次设计网络结构,并对不同层次赋予特定的功能,为不同层次选择正确的设备和系统。三层网络模型是最常见的分层化网络设计模型,通常划分为接入层、汇聚层和核心层。(1)接入层。        网络中直接面向用户连接或访问网络的部分称为接入层,接入层的作用是允许终端用户连接网络,因此接入层交换机具有低成本和高端口密度特性。接入层的其他功能有用户接入与认证、二三层交换、QoS、MAC地址过滤。(2)汇聚层。      位于接入层和核心层之间的部分称为汇聚层,汇聚层是多台接入层交换机的汇聚点,必须能够处理来自接入层设备的所有通信流量,并提供

  8. javascript - 无法在 Express 中呈现 swig 模板 - 2

    所以我正在尝试使用consolidate.js渲染swigtemplates使用express,但是当我尝试从另一个模板“扩展”一个模板时出现以下错误:Error:ENOENT,nosuchfileordirectory'//one.html在我的app.js文件中,我将swig设置为我的渲染引擎(仅包括相关代码):varconsolidate=require('consolidate');app.set('viewengine','html');app.set('views',__dirname+'/views');app.engine('.html',consolidate.swi

  9. 防止暴力破解ssh的四种方法 - 2

    一.方法介绍防止暴力破解的四种方法:1密码要写的足够的复杂,通常建议将密码写16位,并且无连贯的数字或者字母;当然也可以固定一个时间修改一次密码,推荐是一个月修改一次会稳妥一些2修改ssh的端口号,给对方一些迷惑性,因为远程linux服务器默认端口是22,修改成其他的端口,三位数,四位数的都行,这样能避免大部分的暴力破解的可能性3通常我们远程登录都是使用root用户进行登录的,我们将root用户设置成系统用户,并且不允许root账号直接登录,添加一个普通用户,给它赋予root用户的权限,这样也能极大的避免对方破解成功的可能性。4使用秘钥认证的方式登录,在客户端上生成公钥和私钥,将公钥发送给需要

  10. Javascript:构造函数中的回调 - 2

    我正在尝试为一个对象编写OOjavascript,该对象具有昂贵的初始化过程,完成后会回调一个函数。问题在于调用者需要在回调例程中使用同一对象的函数,而该对象尚不存在://ctorforfooobjectfunctionfoo(callback){//doslowinitializationhere..//callbackwhendonecallback();};foo.prototype=function(){return{//doStuffmethoddoStuff:function(){alert('stuffdone');}};}();//instantiatethefooob

随机推荐