在 Javascript/JQuery 中将 [url] 标签替换为 标签

2024-02-11

我正在尝试使用 JQuery 来实现以下逻辑:

  • 替换字符串值[url="http://www.google.com"]Google[/url] with <a href="http://www.google.com">Google</a>

请参阅下面我的 HTML 页面。问题是,按下按钮后,原始文本只是被传递,并且没有进行正则表达式替换。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test</title>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        //<![CDATA[
        function processJs() {
            var oldtext = $("#oldtext").html();
            var newtext = oldtext.replace('\[url\s?=\s?"?(.*?)"?\](.*?)\[\/url\]', '<a href="$1">$2</a>');
            $('#mydiv').html(newtext);
        }
        //]]>
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="oldtext">
            Try this funky new search engine:
            [url="http://www.google.com"]Google[/url]
            Or this older one from back in the day:
            [url="http://uk.altavista.com"]AltaVista[/url]
        </div>
        <div>
            <input type="button" id="btn" value="Replace" onclick="processJs(); return false;" />
        </div>
        <div id="mydiv" style="background-color: #eeeeee; border: 2px inset #aaaaaa">
            Replaced text will go here.
        </div>
    </form>
</body>
</html>

我已经使用 ASP.NET 使用了这个 RegEx 模式,所以我不确定移植到 JavaScript 时问题出在哪里......


这不是一个有效的正则表达式。使用/作为修饰符:

/\[url\s?=\s?"?(.*?)"?\](.*?)\[\/url\]/

制作函数:

function processJs() {
    var oldtext = $("#oldtext").html();
    var newtext = oldtext.replace(/\[url\s?=\s?"?(.*?)"?\](.*?)\[\/url\]/g, '<a href="$1">$2</a>');
    $('#mydiv').html(newtext);
}

g最后将在文本上重复它。这是一个小提琴:http://jsfiddle.net/xe2F9/ http://jsfiddle.net/xe2F9/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Javascript/JQuery 中将 [url] 标签替换为 标签 的相关文章

  • 文件上传控件 OnChange 事件 JQuery

    我正在尝试使用 AJAX JQUERY 和 Net HTTPHandler 构建页面来上传文件 如下所示http dotnet dzone com news async file upload jquery and http dotnet
  • 标签获取 href 值

    我有以下 html div class threeimages a img alt Australia src Images Services 20button tcm7 9688 gif a div class text h2 a hre
  • JavaScript 重定向到新窗口

    我有以下代码 它根据下拉列表的值重定向到页面 我如何使其在新窗口中打开 function goto form var index form select selectedIndex if form select options index
  • Spark SQL 中的 SQL LIKE

    我正在尝试使用 LIKE 条件在 Spark SQL 中实现联接 我正在执行连接的行看起来像这样 称为 修订 Table A 8NXDPVAE Table B 4 8 NXD V 在 SQL Server 上执行联接 A revision
  • jQuery Mobile 表单验证

    我有一个移动网站 除了验证之外一切都工作正常 基本上我希望从用户那里获取值 然后在单独的页面 process php 上处理它们 但是 在这样做之前 我需要检查以确保字段已填充 我已经研究了几种方法来做到这一点 但似乎没有一种有效 我现在有
  • 使用 KnockoutJs 映射插件进行递归模板化

    我正在尝试使用以下方法在树上进行递归模板化ko映射 插入 http knockoutjs com documentation plugins mapping html 但我无法渲染它 除非我定义separate每个级别的模板 在以下情况下
  • 在javascript中解析json - 长数字被四舍五入

    我需要解析一个包含长数字的 json 在 java servlet 中生成 问题是长数字被四舍五入 当执行这段代码时 var s x 6855337641038665531 var obj JSON parse s alert obj x
  • 表单计算器脚本基本价格未加载 OnLoad

    我的表单中有一个计算器来计算我的下拉选项选择 function select calculate on change calc input type checkbox calculate on click calc function cal
  • 在 webpack 2.x 中使用 autoprefixer 和 postcss

    如何使用autoprefixer使用 webpack 2 x 以前 它曾经是这样的 module loaders test scss loader style css sass postcss postcss gt return autop
  • 通过 CDN 使用 Dojo 时如何加载自定义 AMD 模块?

    我正在使用 google 的 CDN 并尝试使用他们的加载程序加载我自己的 AMD 模块 我知道我做错了什么 但我被困住了 有任何想法吗
  • 如何匹配 R 中的所有匹配项?

    我有 1000 个名字的列表 说A 我还有另外 5 个名字的清单 说B 我想找出这5个名字出现在1000个号码列表中的第几行 例如 Amy 在 A 中可以出现 25 次 B 里有艾米 我想知道 Amy 出现在 A 中的哪些行 我以前使用过
  • 使用 JQuery 更改元素的顺序

    有人知道我做错了什么吗 我正在尝试更改某些图像的显示顺序 我希望每次按下按钮时图像都会向右 向左移动一个位置 这是我尝试过的 但没有运气 任何帮助或见解将不胜感激 rightShift click function img hide var
  • Laravel 中只向登录用户显示按钮

    如果我以 John 身份登录 如何才能只显示 John 的红色按钮而不显示 Susan 的红色按钮 测试系统环境 Win10 Laravel5 4 Mysql5 7 19 table class table table responsive
  • 有没有办法阻止 prettier / prettier-now 将函数参数分解为新行

    当使用 prettier prettier now 在保存时进行格式化时 当一个函数包装另一个函数时 它会中断到一个新行 我想知道是否有办法阻止这种行为 例如 期望的输出 app get campgrounds id catchAsync
  • 在 vue.js 中访问数组对象属性

    给定以下数组vue js packageMaps Object packageMap 0 Object Id 16 PackageType flag list ProductCode F BannerBase packageMap 1 Ob
  • JQuery 图像上传不适用于未来的活动

    我希望我的用户可以通过帖子上传图像 因此 每个回复表单都有一个上传表单 用户可以通过单击上传按钮上传图像 然后单击提交来提交帖子 现在我的上传表单可以上传第一个回复的图像 但第二个回复的上传不起作用 我的提交过程 Ajax 在 php 提交
  • 替换字符串/文本中“从第 n 次到最后一次”出现的单词

    这个问题以前曾被问过 但尚未得到令提问者满意的答案 https stackoverflow com questions 36368712 how to use stringrs replace all function to replace
  • 如何在 pg-promise 中设置模式

    我正在搜索的文档pg 承诺 https github com vitaly t pg promise特别是在创建客户端时 但我无法找到设置连接中使用的默认架构的选项 它始终使用public架构 我该如何设置 通常 为数据库或角色设置默认架构
  • 使用 Ajax 请求作为源数据的 Jquery 自动完成搜索

    我想做的事 我想使用 jquery 自动完成函数创建一个输入文本字段 该函数从跨域curl 请求获取源数据 结果应该与此示例完全相同 CSS 在这里并不重要 http abload de img jquerydblf5 png http a
  • 如何从图像输入中获取 xy 坐标?

    我有一个输入设置为图像类型

随机推荐

  • AWS Step Functions 与 Luigi 的编排对比

    我的团队有一个针对小型项目的整体服务 但为了重新架构和扩展 我们计划迁移到 Amazon AWS 的云服务 并评估编排是否将 Luigi 作为容器任务运行或使用 AWS Step Functions 我对他们中的任何一个都没有任何经验 尤其
  • Qt 在菜单项单击上显示模式对话框(.ui)

    我想制作一个简单的 关于 模式对话框 从 帮助 gt 关于应用程序 菜单调用 我已经使用 QT Creator ui 文件 创建了一个模式对话框窗口 菜单 关于 槽中应包含什么代码 现在我有了这段代码 但它显示了一个新的模式对话框 不是基于
  • 如何检索 ItemsControl 中项目的 DataTemplate(和特定对象)?

    我已经看到了非常相似问题的解决方案 但它并不适用于我的问题 也就是说 这篇文章 http blogs msdn com wpfsdk archive 2007 04 16 how do i programmatically interact
  • geom_scatterpie 重叠中的饼图

    我想找到一种方法来防止 scatterpie 中的饼图相互重叠 我知道我可以进一步减小半径 但不想让它们比现有的更小 Position jitter 根本不起作用 这是一个可重现的示例 library ggplot2 library ggm
  • Userfrosting 辅助函数的最佳实践

    在使用 userfrosting 的项目中拥有自定义代码 函数库 的最佳实践是什么 到目前为止 我修改了现有的 userfrosting 控制器 这使得简洁的代码变得臃肿 我想有一个很好的方法可以将自定义函数保留在一个地方 它不会干扰 Us
  • Spyder IDE 自动缩进

    是否有任何快捷方式可以在编辑器中自动缩进标记行 例如 在 MATLAB 中存在 CTRL I 快捷键 Matlab语法可以匹配开始结束语句if while for等通过寻找end声明 在 Python 中 这些缩进是不明确的 被定义为嵌套缩
  • java正则表达式

    谁能帮我在java正则表达式中做以下事情吗 我需要从给定字符串的第五个位置读取 3 个字符 忽略前后找到的任何内容 例子 testXXXtest 预期结果 XXX 你根本不需要正则表达式 只需使用子字符串 yourString substr
  • 如何使用自定义命名空间创建 SyndicateFeed

    如何生成包含下图中显示的命名空间的 Atom Feed Atom feed 的所有节点都必须以 a 开头 这就是我现在正在做的事情 但它不起作用 SyndicationFeed feed new SyndicationFeed XmlQua
  • 在 Ktor 中发送 application/x-www-form-urlencoded

    我不知道如何发送application x www form urlencoded POST在 Ktor 中请求 我看到一些submitFormKtor 文档中的帮助程序 但他们没有按预期发送请求 我想要的是复制这个卷曲线行为 curl d
  • Scala Play 2.2 Slick 1.0.1 - 未来 { Try {...} } 等待空闲的可用连接超时

    我有一个 scala html 页面 它在 Play 2 2 1 Scala 2 10 2 Slick 1 0 1 Postgres 9 3 应用程序中进行 AJAX 调用 以下同步代码工作正常 它解析请求查询字符串并调用该方法School
  • 如何在 Asp.Net MVC 3 中的所有视图中实现 @using?

    我想做的就是包括这个 using MyProject WebUI Properties 在我的所有视图中 无需在每个视图中键入它 有没有办法在 ViewStart 或 Web Config 中执行此操作 谢谢 将您的命名空间添加到视图 we
  • 将实例变量传递给 js.erb 文件(Rails 3 / jQuery)

    我有一个 index html erb 文件 其中包含以下内容 这将呈现 user html erb 并输出一个用于对每个用户执行特定操作的按钮 user id action remote gt true gt 我已经将我的用户控制器设置为
  • 矩阵转置从 Java 移植到 C,类型不兼容问题

    我必须在 C 中移植一些 Java 方法 有 Java 背景 但我在 C 编程方面完全是菜鸟 In java float traspose float Xy float result new float 5000 3000 for int
  • 根据用户的送货地址设置运费 Paypal REST API

    首先 我不能 100 确定这是提出这个问题的正确地点 因此 如果不让我知道 我将在这里删除这个问题 我正在使用 PAYPAL REST API 来允许用户选择产品并付款 我正在寻找按用户所在国家 地区 送货地址 设置运费的选项 例如 如果运
  • 如何使 .PHP 文件只能由服务器访问?

    我通过 goDaddy 控制中心创建了一个 cron 作业 cron 作业位于 cron jobs 文件夹中 我不希望任何人都能够运行它 我应该如何设置该文件夹的权限 以便它不能公开打开 但仍然可以用于 cron 作业 取消选中 公共 gt
  • 帮助构建 16 位操作系统

    我正在尝试构建一个旧的 16 位 DOS 操作系统 我的示例内核代码 asm code16 n void putchar char int main putchar A return 0 void putchar char val asm
  • 元素作为列表名称,列表名称作为列表中的元素?

    我有一个向量列表 如下所示 我想知道向量的每个元素在哪些列表元素中 换句话说 我想反转列表以创建一个新列表 其names是从向量中取出的 做到这一点的最佳方法是什么 lst lt list a c 2 3 6 10 15 17 b c 4
  • 使用套接字的 Windows Phone 7 FTP

    我有一些用 Visual Studio C 编码的 Windows Mobile 智能设备应用程序 它们使用 FTP 作为发送 接收机制 这并不理想 但它有效 我一直在研究这些是否可以移植到 Windows Phone 7 主要问题是 Wi
  • jQuery 简单可折叠 Div?

    我正在寻找合适的 简单的 小的代码来执行以下操作 单击应用了类的元素 DIV CLASS 扩展并显示隐藏内容 向下滑动 切换 DIV CLASS 折叠并隐藏之前显示的内容 向上滑动 切换 div class sitesection p cl
  • 在 Javascript/JQuery 中将 [url] 标签替换为 标签

    我正在尝试使用 JQuery 来实现以下逻辑 替换字符串值 url http www google com Google url with a href http www google com Google a 请参阅下面我的 HTML 页