个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
24
4
我将 HTML 内容存储在数据库中，我希望将所有相关 Assets 引用转换为使用绝对路径。例如，我所有的图片标签都看起来像这样:
<img src=\"/system/images/146/original/03.png?1362691463\">
我正在尝试将 "http://example.com" 添加到 "/system/images/" 路径。我有以下代码，我希望能够处理它，但遗憾的是它似乎没有导致任何更改:
text = "<img src=\"/system/images/146/original/03.png?1362691463\">"
text.gsub(%r{<img src=\\('|")\/system\/images\/}, "<img src=\"http://virtualrobotgames.com/system/images/")
最佳答案
不要使用正常的字符串操作来操作 URL 字符串，而是使用专为该工作制作的工具。 Ruby 包括 URI类，还有更彻底的 Addressable gem 。
如果我有一些带有我想重写的链接的 HTML，我会这样做:
首先，解析文档:
require 'nokogiri'
require 'uri'
SOURCE_SITE = URI.parse("http://virtualrobotgames.com")
html = '
<html>
<head></head>
<body>
<img src="/system/images/146/original/03.png?1362691463">
<script src="/scripts/foo.js"></script>
<a href="/foo/bar.html">foo</a>
</body>
</html>
'
doc = Nokogiri::HTML(html)
然后您就可以遍历文档并修改标签，例如 <a> , <img> , <script>以及您想要的任何其他内容:
# find things using 'src' and 'href' parameters
tags = {
'img' => 'src',
'script' => 'src',
'a' => 'href'
}
doc.search(tags.keys.join(',')).each do |node|
url_param = tags[node.name]
src = node[url_param]
unless (src.empty?)
uri = URI.parse(src)
unless uri.host
uri.scheme = SOURCE_SITE.scheme
uri.host = SOURCE_SITE.host
node[url_param] = uri.to_s
end
end
end
puts doc.to_html
运行后输出:
# >> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
# >> <html>
# >> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
# >> <body>
# >> <img src="http://virtualrobotgames.com/system/images/146/original/03.png?1362691463">
# >> <script src="http://virtualrobotgames.com/scripts/foo.js"></script>
# >> <a href="http://virtualrobotgames.com/foo/bar.html">foo</a>
# >> </body>
# >> </html>
这并不是一个完整的、功能齐全的示例。这适用于绝对链接，但您必须处理相对链接、具有同级/对等主机名的链接、缺少参数。
您还需要检查 errors解析后“doc”的方法以确保它是有效的 HTML。解析器可以重写/修剪无效 HTML 中的节点以试图理解它。
关于ruby-on-rails - 如何用绝对路径 URL 替换相对路径 URL，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15888491/
24
4
0
我们有一个应用程序，我们可以在其中设计标签，然后根据设计创建图像并将其发送到打印机。图像在通过 TCP/IP 发送之前被制成字节流。 简而言之，我们有一个旋转设置，可以自动计算标签上不同元素的位置。而
我们在 IIS7 中有一个 MVC3 应用程序:http://mydomain.com/myapplication/ javascript 中的相对 URL 是什么: http://mydomain.
我的例子:http://jsfiddle.net/kwnk8qup/ 我的代码: container(父 div
如何将元素放置在右侧，并保持后面元素的持久位置？ 我想在没有 Efficiently ... 的情况下将 text-align: right 对齐到右侧，并保留 t2 和 t3 元素之间的空间。 当我
假设我有一个包含以下文件的模块包。一个空文件 C:\codes\package\__init__.py 和一些重要文件: 一个位于C:\codes\package\first.py def f():
我正在尝试使用以下代码在屏幕上相对移动光标: input.type = INPUT_MOUSE; ZeroMemory(&input, sizeof(input)); input.mi.mouseDa
我排列了 3 个 div；中心 div 有许多 position:absolute 图像(它们重叠——一次显示一个图像；其余的是 display:none;对于 jQuery 交叉淡入淡出，这不是密切
我在 SQL 2000 数据库中有以下简化的表结构: ID AppName Key Value EffectiveDate -- ------- ----- ------- ---
给定以下配置: server { listen 80; server_name site.com; location /proxy { proxy_pa
我正在使用这些方法动态加载图像和资源目录，但它们并不适用于所有情况 new Uri(@"pack://application:,,/Images/lession_tab.png"); 此方法不适用于图
在插入/更新许多行时，我知道SQLite的“问题”，但事实并非如此。 我正在更新包含约250条记录的表中的ONE一行（由PK索引）中的ONE字段。查询通常需要200毫秒左右的时间。听起来很少，但很大。
如何向左或向右滑动线性布局。在该线性布局中，默认情况下我有一个不可见的删除按钮，还有一些其他小部件，它们都是可见状态，当向左滑动线性布局时，我需要使其可见的删除按钮，当向右滑动时，我需要隐藏该删除按钮
Imagen 我有一个 2D 点 (x,y) 列表，它们在我的简单游戏中描述了 2D 地形。 然后我让 glVertex() 在 GL_POINTS 模式下绘制所有这些点。 然后我有一个球，它也有它的
我正在使用 Google CloudSQL 并具有以下简单代码: ;dbname=', 'root', '' ); $db->setAttribute ( PDO::ATTR_ERRMODE, PDO
我知道有几个类似的问题，但是，其中的示例并没有说明问题，或者我无法从中获利 - 我真可耻。 所以我的问题是在带有 GUI 的简单应用程序中加载图像。例如: 我在 "D:\javaeclipseprog
我对放置在表格单元格内的 div 有疑问。单元格具有固定的高度和 div 相对于 height:100% 定位。 jsfiddle example td { height:80px;
我正在抓取一些数据。 我需要的数据点之一是日期，但包含此数据的表格单元格仅包括月份和日期。幸运的是，年份被用作对表格进行分类的标题元素。 出于某种原因，year = table.find_elemen
我想要一个 DIV，最大 90% 高度或 90% 宽度。我只想将图片作为背景放入 DIV 中，并且完整的 svg-image 应该是可见的。在移动设备和桌面设备上。 CSS: .camera {
我是网页设计新手，想了解 CSS 中定位的概念。我对相对和绝对定位元素有一些了解。在下面的 fiddle 中，我有一个 作为 的父级.当我做 p position:absolute ，边框崩溃不像我
我在调整图像高度相对于浏览器窗口的大小时遇到了一些严重的困难——宽度可以很好地调整大小，但高度保持不变。我尝试过 height: 100% 和 height: auto，以及 height: 10
我是一名优秀的程序员,十分优秀！