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

一、问题

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

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

查看源代码情况:

二、我的解决方法

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

在这里做一下简单解释:

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

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

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

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

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

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

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

三、其他

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

时间: 2024-11-06 23:11:14

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

微信自带浏览器被输入法阻挡文本框的 jQuery 解决方法 by FungLeo

微信自带浏览器被输入法阻挡文本框的 jQuery 解决方法 by FungLeo 前言 做好了项目之后,在各种浏览器里面测试,都没有问题.很高兴,交付后端使用.然而发现在微信自带浏览器里面,却是出现了问题. 我的页面是一堆文本框,需要用户输入,当页面比较长的时候,在下面的文本框会被输入法给挡住-我勒个去. 写了一段JS脚本,测试了一下,发现,在正常的浏览器当中,当调出输入法的时候,视窗的高度,会减少,以适应输入法占据的屏幕空间.在QQ自带的浏览器里面,也是完全正常的.只有在微信里面,存在这个问题

用jQuery解决弹出层的问题

在BS 项目中 经常需要用到这种弹出层.做这种弹出层一般都会遇到下面几个问题:0,弹出层必须定义在input的下边显示.1,点击input弹出div层.2,点击div层外面任何地方,关闭div层.3,ie6下,div层与下拉框的优先级问题. 下面这个例子就是解决这些问题的,大家可以参考参考,有什么更好的解决方案,请留言. 超级简单版 演示:http://cssrain.cn/demo/popDiv/easyPopDiv.html 实例版 演示:http://cssrain.cn/demo/pop

asp+jQuery解决中文乱码

1. [代码][ASP/Basic]代码 '在客户端使用javascript的escape()方法对数据进行编码,在服务器端使用对等的VbsUnEscape()对数据进行解码,同样在服务器端使用VbsEscape()对数据进行编码,在客户端使用unescape()对数据进行解码'与javascript中的escape()等效    Function VbsEscape(str)        dim i,s,c,a         s=""        For i=1 to Len(

第17章 文本和字体_17.1-17.2 简单文本输出、 字体的背景知识

17.1 简单文本输出 17.1.1 文本输出函数 (1)TextOut(hdc,xStart,yStart,pString,iCount) ①xStart和yStart使用的是逻辑坐标,TextOut并不以NULL来做字符串的结束,需指定字符的个数iCount的值 ②SetTextAlign会改变xStart和yStart的含义 SetTextAlign 坐标值的含义 TA_LEFT xStart:第一个字符的左侧坐标 TA_RIGHT xStart:最后一个字符的右侧坐标 TA_CENTER

Jquery easyui 源代码分析之easyloader

Jquery easyui是一个javascript UI 组件库,使用它可以快速开发企业级的业务系统.如果你正准备开发系统后台,可以选择jquery easyui,也可以选择Ext JS.我个人的看法是,如果开发团队就两三个人,开发工期很短,就一两个月.那么选择jquery easyui就对了,jquery easyui源代码量不多,便于阅读和自行修改.而Ext JSy源代码太多,短时间很难看完,学习曲线也比较陡峭.如果人手充足,时间也富裕,可以考虑使用Ext JS来开发,毕竟Ext JS更强

自写图片遮罩层放大功能jquery插件源代码,photobox.js 1.0版,不兼容IE6

阿嚏~~~ 话说本屌丝没啥开发插件的经验,可是天公不作美,公司须要让我自己开发个图片放大的插件 但公司老大的话,宛如吾皇之圣旨,微臣必当肝脑涂地,莫敢不从啊~~~ 于是乎,作为一个超级小白,本人仅仅能瞎研究了,幸好黑天不负屌丝人,本屌丝最终搞出来了,尽管不尽善尽美,可是功能还是能够用的啦 先附上源代码,求各种大神指导: /******************************* * photobox跨浏览器兼容插件 v1.0(不支持IE6) * 格式:<a href="big.jpg

jQuery—— jQuery get方法+一般处理程序处理文本框内容

3.Setting Up and Configuring Backup and Recovery 这个单元讲述如何启动.与rman client如何互动,准备rman环境,实现备份和恢复策略 注意:尽管闪回数据库和安全还原点不是真的数据库备份,但是它们是数据保护策略一个重要部分.这些特性需要一些初始化设置,这些设置依赖于在备份策略中你怎么混合它们.Chapter 5-Data Protection with Restore Points andFlashback Database 提供了关于怎么

MFC字体与文本输出

字体 成员函数 1.CFont( ); 构造一个CFont对象.此对象在使用之前应该先使用CreateFont.CreateFontIndirect.CreatePointFont或CreatePointFontIndirect初始化. 2. BOOL CreateFont( int nHeight, int nWidth, int nEscapement, int nOrientation, int nWeight, BYTE bItalic, BYTE bUnderline, BYTE cS

jQuery设置和获取HTML、文本和值

jQuery设置和获取HTML.文本和值 按 Ctrl+C 复制代码 <script type="text/javascript"> //<![CDATA[ $(function(){ //获取<p>元素的HTML代码 $("input:eq(0)").click(function(){ alert( $("p").html() ); }); //获取<p>元素的文本 $("input:eq(1