使用google插件高亮显示xml

最新推荐文章于 2019-12-24 10:26:02 发布
VIP文章 最新推荐文章于 2019-12-24 10:26:02 发布
阅读量1.4k 收藏
点赞数
分类专栏： js+CSS 文章标签： google stylesheet encoding token class xml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wcx11/article/details/6213378
版权

引入google插件js，这里使用的是version1.5.1,至于为什么没有使用最新版version3.0.8已经忘记了

<!--SyntaxHighlighter-->
    <link href="../../js/SyntaxHighlighter_1.5.1/styles/SyntaxHighlighter.css" rel="stylesheet" type="text/css"/>
    <script src="../../js/SyntaxHighlighter_1.5.1/scripts/shCore.js" language="javascript"></script>
    <script src="../../js/SyntaxHighlighter_1.5.1/scripts/shBrushXml.js" language="javascript"></script>

 

html如此：

<pre name="response" id="response" class="xml">

<?xml version="1.0" encoding="utf-8"?><SOAP-ENV:Envelope xmlns:SOAP-ENV="http://schemas.xmlsoap.org/soap /envelope/" xmlns:SOAP-EN

最低0.47元/天 解锁文章
wcx11
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中xml文件的内容格式化和高亮显示
weixin_42464106的博客
11-23 3435
vue项目中对xml文件的内容的格式化和高亮显示。在项目中需求要展示xml文件，为了能够方便阅读，所以需要对xml文件的内容格式化和高亮显示。
一些js小方法：格式化xml, 计算2个日期间隔的天数， 保留小数点后两位等
wcx11的专栏
02-28 2449
/*** Format Xml ***/ function formatXml(xml) {     var formatted = '';     var reg = /(>)(     xml = xml.replace(reg, '$1/r/n$2$3');     var pad = 0;     jQuery.each(xml.split('/r/n'), function(index, node) {         var indent = 0;         if (nod
jQuery语法高亮插件支持各种程序源代码语法着色加亮
12-11
1) highlightjs Highlight.js能够对页面中的各种程序源代码语法着色加亮。支持的语言包括：•Python •Ruby •Perl •PHP •XML •HTML •CSS •Django •Javascript •VBScript •Delphi •Java •C++ •RenderMan (RSL and RIB) •SQL •SmallTalk •Axapta •1C •Ini •Diff •DOS .bat •Bash 2) google-code-prettify Google Code Prettify是一个JavaScript库，用来对各种页面上的源码进行语
VS中Protobuf高亮插件
09-25
VS中Protobuf高亮插件，Protocol Buffers，是Google公司开发的一种数据描述语言，类似于XML能够将结构化数据序列化，可用于数据存储、通信协议等方面
VB增强搜索插件 v2.3.0.74 (完整压缩包)
02-03
VB增强搜索插件 主要功能: 普通/模式搜索字符串 正则搜索、替换字符串 搜索结果列表 搜索结果相关代码预览 替换结果相关代码预览 可取消当前搜索操作 双击定位结果代码 更新记录: v2.3.0.74 调整过滤器应用时的算法 在快捷菜单中增加"显示搜索对话框"项 调整了显示代码预览的算法 修改过滤器帮助的网页地址到Google的Wiki v2.3.0.73 修改了预览窗体无法显示的问题 修改了切换结果元素时的处理方式 v2.3.0.72 在失去连接后删除内存中的对象 使用自绘列表控件代替CheckBox?式的自绘列表,解决了列表显示的问题 去除残留的ADO控件引用 取消了结果列表的缓冲模式 调整代码存储结构 修改/调整输出脚本 修改了没有搜索的时候显示结果列表导致VB崩溃的问题 v2.2.0.71 增加HelpID 默认过滤器增加ProcType?(过程类型) 修改了列表重绘时查询结果元素的算法,提高了重绘的速度 调整了列表的颜色属性 调整结果列表中高亮元素的显示方式 为搜索结果增加缓冲区,在到达一定数量后刷新列表 修改了列表元素个数超限的问题 v2.2.0.70 增加xml的TrimLine?相关属性,默认显示的时候不再带前边的空白字符 v2.2.0.69 ListBox?从Filter的xml中获取信息,进行重绘,加快了重绘速度并且不受用户修改代码的影响 修改了重绘焦点/选中元素的算法 修改热键的菜单名称 在回调函数返回之前清除Err对象 在ListPainter?关键函数中增加错误处理/显示代码 忽略RelativeText?函数的错误(此错误可能会导致IDE不稳定) v2.2.0.68 补充修改了ListBox?超限的问题 修改了ObjectCollection?,StringCollection?的实现方式 修改了横向滚动条的计算方式 修改了ListBox?重绘后失去焦点时不显示选中项目的问题 v2.2.0.67 调整文件名和类名 增加列表重绘代码,准备将匹配子串用粗体显示 修改了在显示时提取选中字符串的功能 调整了热键设定对话框的焦点处理方式 增加了列表重绘功能,可以在列表框中用粗体显示匹配项 用另一种颜色显示@Line之前的信息 调整了横向滚动条的算法 修改了过滤器无法立即应用的问题 修改了ListBox?元素可能会超限的问题 v2.1.0.66 (Beta 2) 修改了默认过滤器会输出转义字符的问题 修改了自定义热键第一次确定后无法保存的问题 修改了搜索完毕后会自动选中忽略大小写的问题 修改了无法定位第一个搜索结果的问题 v2.0.0.64 (Beta) 调整了内部结构 增加了自定义功能热键的功能 修改过滤器内核,将ADO改为XML+XSL,提高了过滤速度.
OR Manager-crx插件
03-10
Xpath Evaluator将帮助您查找Xpath和WebElement的其他属性并将其保存以形成对象存储库 OR Manager：功能描述文档简介OR Manager是Google Chrome的扩展程序，可帮助您创建和编辑json和xml格式的现有对象存储库。 所有自动化工具都从其属性中识别应用程序对象。 在自动化中，它称为定位器类型和定位器值。 定位器类型可以是id，名称，xpath，css等，而定位器值是其在应用程序中的实际值。 所有这些定位器都保存在一个称为对象存储库（OR）的文件中。 OR管理器的主要功能•选择Web元素。 •为选定的Web元素创建对象存储库。 •突出显示/验证网页上的元素（如果对象存储库中已存在该元素）。 •编辑一个已经存在的对象存储库文件。 字段及其说明：1.元素名称：•这是与文本框关联的标签。 •此文本框用于提供要在网页中突出显示的元素的名称。 •检查元素时，此文本框存储对象存储库中存储的最后一个元素的名称。 •此文本框是读写类型。 •默认情况下，此文本框没有任何值。 2.选择：•这是与文本框关联的标签。 •文本框存储对象存储库中存储的最后一个元素的名称。 •此文本框是只读类型。 •默认情况下，此文本框没有任何值。 3. Web元素：•这是一个文本区域，用于存储对象存储库中添加的最后一个元素的定位器属性。 •此文本区域是只读类型，并且大小固定。 •默认情况下，该文本区域没有任何值。 4.对象存储库：•这是与文本区域关联的标签，该标签以JSON格式存储所有添加的Web元素及其定位器属性的列表。 •此文本区域是只读类型，并且大小固定。 •默认情况下，该文本区域没有任何值。 图标及其说明：1.突出显示：•如果对象存储库中已存在该元素，则此图标用于突出显示网页中的元素。 •在突出显示图标前面的文本框中，输入要突出显示的元素的名称，然后单击突出显示图标。 •高亮图标始终处于启用状态。 2.检查：•此图标用于检查网页中存在的元素。 •默认情况下，检查按钮处于禁用状态。 •单击检查按钮以启用检查功能。 3.重置：•此图标用于将“元素名称”文本框，“选择”文本框和Web元素textarea的值重置为其默认值。 •重置图标始终处于启用状态。 4.停止：•此图标用于停止检查。 •默认情况下，停止图标是禁用的。 •单击检查后，它将启用停止图标以停止检查。 按钮及其说明：1. JSON下载：•此按钮用于以J​​SON格式下载生成的Object存储库。 2. XML下载：•此按钮用于以XML格式下载生成的对象库。 3.上载对象存储库：•此按钮用于上载已经存在的OR或对其进行编辑。 4.取消：•此按钮用于将实用程序页面重置为其默认状态。 创建对象存储库的步骤1.单击扩展图标，打开OR Manager实用程序。 2.单击检查图标以启用检查功能。 3.将鼠标悬停在要添加到对象存储库中的网页上的元素上，然后单击该Web元素。 以下弹出窗口将打开。 如果该网页元素存在于网页的html中，则弹出窗口会显示该网页元素的名称/ id。 这将是存储库中的对象名称。 用户可以根据自己的方便更改此名称。 4.单击确定，使用该默认名称将该对象保存在对象存储库中，或指定一个自定义名称。 一种。 如果在对象存储库中已经添加了元素，则会弹出“具有相同属性集的相同元素”弹出窗口。 b。 如果对象存储库中已经存在具有相同元素名称但属性集不同的元素，则会弹出“具有相同名称的元素。 单击“确定”以更新其属性，否则将单击“取消”。 如果要更新其属性，请单击“确定”按钮，否则单击“取消”按钮。 C。 如果对象存储库中已经存在具有相同属性集但元素名称不同的元素，则会弹出“其他元素已经存在相同属性”。 单击“确定”创建一个新元素，否则单击“取消”。 单击“确定”按钮以创建新元素，否则单击“取消”。 d。 如果该元素不存在于“对象存储库”中，则将其添加到其中。 5.重复步骤3和步骤4，以在对象存储库中添加更多元素。 6.添加所有元素后，单击“ JSON下载”按钮以JSON格式下载OR，或单击“ XML下载”按钮以XML格式下载OR注意：•上一次添加的元素可以在Web元素下看到文本区域。 •所有添加的元素都可以在“对象存储库”文本区域下看到。 编辑已经存在的OR的步骤1.单击上载对象存储库按钮。 2.它将打开文件资源管理器。 选择JSON或XML文件，然后单击“确定”。 3.选择JSON或XML文件，然后单击“确定”。 一种。 如果OR不在同一页面上，则会弹出“ OR与当前网页不匹配”的弹出窗口，并且数据也不会加载到OR管理器中进行编辑。 b。 如果OR并非XML或JSON格式，则会弹出“请上传JSON或XML文件以进行处理…”弹出窗口，并且数据不会加载到OR管理器
xmlview, 用于 Google Chrome 和Safari的强大的XML查看器
dowemo的博客
11-11 4250
xmlview, 用于 Google Chrome 和Safari的强大的XML查看器 源代码名称: xmlview源代码网址: http://www.github.com/sergeche/xmlview xmlview源代码文档 xmlview源代码下载 XV是基于浏览器的XML浏览器，可以作为 Google Chrome 和Safari扩展使用。 联机演示
谷歌chrom浏览器浏览xml文件
勤奋的asialee的博客
03-06 1109
今天在学习Xpath,无意中直接在浏览器中打开xml文件，发现浏览器给解析了。这个不太爽，其他的浏览器浏览xml文件感觉很舒服，大家可以试试，看有没有什么好的解决办法。 http://www.w3school.com.cn/xpath/books.xml ...
XML语法高亮简单实现
梁飞的博客
08-09 1238
在写Demo时，需要将XML示例用语法高亮的格式显示在网页上，找了半天，没找到Java写的，java2html和JSyntaxHighlighter都只能转换Java代码，不能转XML，其它的大部分是JS写的，较出名的dp.SyntaxHighlighter生成的HTML代码不符合xhtml规范，还是自己先写个简单的用着，有好的工具请推荐下，谢谢。 [code="java"] public...
高亮显示XML文本内容
05-01
NULL 博文链接：https://13813962825.iteye.com/blog/2411544
vue中 实现xml的格式化和高亮显示
晓风揽月
12-24 8572
一 . xml格式化用到了vkbeautify模块 github地址：https://github.com/vkiryukhin/vkBeautify 1. 首先先下载vkbeautify文件 npm install vkbeautify 2. 组件里，引入vkbeautify模块 import vkbeautify from ‘vkbeautify’ ...
xml和html高亮代码查阅和编辑器
01-03
xml和html高亮代码查阅和编辑器，支持代码编辑，支持高亮显示xml、html不同节点，自动缩进、换行。关键是很小巧、很实用，已经在项目中用上了。
c#实现高亮显示xml文档
11-28
c#实现的对xml高亮解析器，按照语法对关键字属性等进行高亮显示， 本程序是我从微软的网站上下载 下载的程序运行有点问题，经过了一些简单整理，现在可以运行 但注意本程序现在不支持对带用名称空间namespace的xml解析 所以在文本框中载入xml后，如果xml带有名称空间需要手工将名称空间删除后再点击“开始解析” 有什么问题大家可以一起交流。 haigear 2011-11-20
xml-plus：Chrome扩展程序以显示XML文件
02-06
XML加号 Chrome扩展程序可显示使用Vue构建的XML文件 产品特点 同时支持CSS和XPath选择器。 支持文本搜索和Regular Expression搜索。 可以使用querySelectorAll和jQuery两种CSS选择器。 RegEx是唯一不区分大小写的案例。 针对大型XML文件（> 1MB）进行了高度优化。 独立版本-由于避免了Chrome缓慢的加载过程，因此速度极快。 全局x变量（ window.x ）在DevTools中可用，包括： doc原始XML文档对象 root根XML元素对象 cur当前选定的节点 $ -jQuery绑定在根元素上 history
Notepad++ 的lua.xml 语法高亮和自动补全插件
08-06
Notepad++ 的lua 语法高亮和自动补全插件 下载后放到NotePad++的安装目录下：Notepad++\plugins\APIs\里即可
wordpress HTML我帮您整站源码 v1.2.rar
07-07
 谷歌Sitemap:Google XML Sitemaps  头像自定义:Simple Local Avatars  代码高亮插件:WP SyntaxHighlighter  支付宝为捐赠服务:AlipayDonate  分享：bShare、JiaThis、友荐推荐工具  高度查询:Search ...
js控制div隐藏
wcx11的专栏
08-12 1830
//显示divfunction   fnBlock(){    document.getElementById("showMsg").style.display="block";} //隐藏divfunction   fnNone(){    document.getElementById("showMsg").style.display="none";} 
计算两个时间间隔天数的js
wcx11的专栏
06-01 1501
function accountDays(date1, date2){ //默认输入的时间格式为"YYYY-MM-DD", date2 晚于date1       var day = $(date1).get(value);      var aDate = day.split(-);      var iDay = new Date(aDate[0], aDate[1],
burpsuite历史记录高亮显示插件
最新发布
09-05
你可以尝试使用 Burp Highlighter 插件来实现 Burp Suite 的历史记录高亮显示功能。该插件是由社区开发的，并且可以帮助你在 Burp Suite 的 Proxy 历史记录中高亮显示关键字或特定的内容。 要使用 Burp Highlighter...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值