如何在前台输出代码＜xmp＞，标签，并且是内容自动换行
背景
项目开发完成后，我写了一个生成数据字典的静态页面，用于提供给后期的维护人还或是项目验收使用，这个静态页中包含了表的信息和字段等的备注，在生成表备注时，由于备注中写了xml标签或静态页面标签，导致输出到页面后会时页面出问题，此时就需要原样输出这些内容。
<xmp>标签的使用
搜索了一些资料，有人说使用<code>标签，有人说使用<pre>标签，但是它们都不能很好的额解决问题，我们可以使用<xml>标签来解决这个问题，使用方法如下，并且，为了方便起见，我们需要将xmp标签中的内容自动换行style=“white-space: normal;”。
<xmp style="white-space: normal;">当前采购需求XML<?xml version="1.0" encoding="utf-8"?>
<STANDARD>
------------------------------------------------------------------------------------------------------------------------第一需求------------------------------------------------------------------------------------------------------------------------
<a>dddddddddddddddddd</a><PROPERTIE ID="GUID"
</STANDARD>
</xmp>
如何在前台输出代码＜xmp＞，标签，并且是内容自动换行相关推荐
- 使xmp, pre, plaintext的内容自动换行
元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现等宽字体. 标签的一个常见应用就是用来表示计算机的源代码. 经常碰到的一个问题是如果一个代码上碰到有图片或 ...
- 发现了一个xmp/xmp标签可用来输出html代码
今天想要在页面上输出html代码,找了发现了xmp标签 挺好用的 跟大家来分享一下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans ...
- Html之pre、xmp标签_感觉没什么用_实例
1 通过三部分来看他们的区别,下面有详细的解释 <html><head> <title>欲格式化文本</title></head><b ...
- php输出pre自动换行,解决 html pre 标签的内容自动换行的问题
元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. 标签的一个常见应用就是用来表示计算机的源代码. 而我们经常碰到的一个问题是如果一个代码上碰到 ...
- [html] pre与xmp标签有什么区别？
[html] pre与xmp标签有什么区别? xmp的标签,会复把抱在内部的html片段当作字符串输出(此标签已废弃) <pre></pre> 标签,可以在保留原来文本格式的基 ...
- 程序员要失业了… 输入图片，输出代码，一键生成。 | MixLab交叉学科
就在不久前 MixLab的小伙伴看到了一篇关于加速设计流程的文章并转发给了我,其中用到了图像识别.OCR.代码生成等技术,今天碰巧看到一篇算法实现的论文,正好可以对其中的一部分算法进行原理拆解. 文章 ...
- 如何在html中定义字段文字,如何在自定义字段中插入html代码和标签|动易Cms
如何在自定义字段中插入html代码和标签 在自定义字段里面直接插入html代码还有标签是解析不出来的. 但是我们可以通过以下的方法来实现. 1. 添加一个自定义字段.命名为MY_zdy 修 改 字 段 ...
- 编程笔试(解析及代码实现)：字符串反转(字符串逆序输出)代码实现十多种方法对比(解析思路及其耗费时间)详细攻略
编程笔试(解析及代码实现):字符串反转(字符串逆序输出)代码实现十多种方法对比(解析思路及其耗费时间)详细攻略 目录 字符串反转(字符串逆序输出)代码实现十多种方法对比(解析思路及其耗费时间)详细攻略 ...
- 03_MyBatis基本查询，mapper文件的定义，测试代码的编写，resultMap配置返回值，sql片段配置，select标签标签中的内容介绍，配置使用二级缓存，使用别名的数据类型，条件查询ma
1 PersonTestMapper.xml中的内容如下: <?xmlversion="1.0"encoding="UTF-8"?> < ...
最新文章
- Git忽略已经被提交的文件
- 如何实现1像素的表格
- Xamarin.IOS中MvvmCross的plugin使用方式
- LeetCode 858. 镜面反射（最小公倍数/最大公约数）
- 5个优化页面加载速度提高SEO排名的最佳实践
- SqlHelper的封装
- PDF版建筑地面工程施工质量验收规范GB50209-2010附条文说明
- 蛋白质组学与转录组学联合分析
- 迷茫的我，学了Photoshop能做什么工作？
- 盛大进军语音识别领域：将开源哼唱搜索技术
- 《Vue插件》瀑布流插件vue-masonry的使用与踩坑记录
- python中mod函数_Python pandas.DataFrame.mod函数方法的使用
- OPPO手机怎样把图片拼在一起(拼图教程分享)
- 测试用例优先级与三轮测试的结合
- 2021年秋招【凯捷咨询笔试题】
- Overleaf 论文编写时插入图片出现 “Too many }‘s“和LaTeX Error: \begin{document} ended by \end{figure}.等错误
- BIST（build_in selftest）介绍
- 通用查询实现方案(可用于DDD)[附源码] -- 简介
- 计算机无法安装cad怎么办,win7系统不能安装cad怎么办 win7电脑安装cad失败的解决方法...
- 轻松高速下载国外网盘资源（如UsersCloud、ClickUpload、Turbobit、Nitroflare、Rapidgator、Uploaded）