文档章节

Jquery解决源代码被同时和文本输出到页面的问题

达摩码者
 达摩码者
发布于 2014/10/26 10:23
字数 558
阅读 491
收藏 3

一、问题

在用node做一个小练习的时候,在后台用文本编辑器录入数据存入到mongodb中,结果前台输出的时候,文本连同一些标签页都被输了出来,确实头痛,这里是我解决它的一个小方法。

首先,下面的图片显示的是没有做修改前的页面效果,文本和代码被一同输出了出来,查看源代码的时候,这些标签是以“&lt”的格式显示的,显示到页面便是“<”样式

页面显示效果

查看源代码情况:

源代码

二、我的解决方法

var content = $("#content").text();
$("#content").html(content);

最终效果

在这里做一下简单解释:

  1. $(selector).text()返回的是被选元素的文本内容,如果内容中有特殊字符的话,会被编码。

比如,选择的内容有“&lt”等其他特殊字符,那么这些字符会自动转化成“<”等转义后的效果。我的情况便是这种情况,这样的话,所有的特殊字符都被转义,然后进行输出就可以了。

有一点需要注意的是:如果被选的文本中存在“< p >”等HTML标签的话,这些标签会被删除。

2.$(selector).html()返回的是被选元素的文本内容,如果内容中有HTML标签的话,也会解析出来。

比如,代码中有“< p >”的话,便会按照段落格式显示。

3.总结以上两点,那么这两行代码的功能就很明显:

第一句:把特殊标签转化成HTML标记
第二句:将HTML标签解析在页面上

三、其他

在网上找了一些,无非是先对字符进行转移,但是代码量普遍较多。或许还有更好的方法,或者我的代码中有什么错误,请指正,感激不尽。

© 著作权归作者所有

达摩码者
粉丝 4
博文 12
码字总数 6735
作品 0
海淀
前端工程师
私信 提问
利用HTML5与jQuery技术创建一个简单的自动表单完成

来源:GBin1.com 在线演示 在线下载 谷歌快速搜索自带大量自动完成插件——库中甚至还有一个附带的jQuery UI共享选项。然而今天我要寻找一个替代的解决方案。由DevBridge开发的jQuery Autoco...

gbin1
2013/08/28
429
0
26个Jquery使用小技巧

下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X...

长平狐
2012/09/06
151
0
2014年50个程序员最适用的免费JQuery插件

有用的jQuery库是设计师和开发者之间一个非常熟悉的短语。这是现在互联网中最流行的JavaScript函数库之一。每个设计师和开发人员都应该知道它的重要性,而且熟悉它的功能和特点。 jQuery几乎...

欲思
2014/07/14
15.7K
24
40 个让你的网站更加友好的 jQuery 插件

一个插件的基本功能是执行一个含有元素集合的函数数组。每个方法和jQuery核心组成一个插件,如.fadeOut()或.addClass()。一个jQuery插件是一个基本的可以扩充jQuery 原型对象的方法。当原型对...

oschina
2013/08/26
12.7K
25
jQuery UI datepicker 日期控件出现问号的解决方式

jQuery-ui的datepicker做得很不错,在项目中经常用到,但对其老是在界面上出现 “?” 感觉很不爽。出现的位置在顶部年和月之间,还有空的日期单元格。 这个问题困扰了我很长时间,一直想解决...

Chiroc
2012/09/20
0
2

没有更多内容

加载失败,请刷新页面

加载更多

数据库

数据库架构 数据库架构可以分为存储文件系统和程序实例两大块,而程序实例根据不同的功能又可以分为如下小模块。 1550644570798 索引模块 常见的问题有: 为什么要使用索引 什么样的信息能成...

一只小青蛙
今天
5
0
PHP常用经典算法实现

<? //-------------------- // 基本数据结构算法 //-------------------- //二分查找(数组里查找某个元素) function bin_sch($array, $low, $high, $k){ if ( $low <= $high){ $mid = int......

半缘修道半缘君丶
昨天
5
0
GIL 已经被杀死了么?

本文原创并首发于公众号【Python猫】,未经授权,请勿转载。 原文地址:https://mp.weixin.qq.com/s/8KvQemz0SWq2hw-2aBPv2Q 花下猫语: Python 中最广为人诟病的一点,大概就是它的 GIL 了。...

豌豆花下猫
昨天
5
0
git commit message form

commit message一般包括3部分:Header、Body、Footer。 <type>(<scope>):<subject>blank line<body>blank line<footer> header是必需的,body、footer可以省略。 header中type、subject......

ninjaFrog
昨天
5
0
聊聊Elasticsearch的CircuitBreakerService

序 本文主要研究一下Elasticsearch的CircuitBreakerService CircuitBreakerService elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/indices/breaker/CircuitBreakerService.ja......

go4it
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部