在 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] 标签替换为 标签 的相关文章

随机推荐

  • 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 页