ueditor 特殊符号转义

2019-01-08 14:35:50

几个月前，就有同事跟我反馈，说磨途歌的留言板有问题。当时看了一下，她用的是谷歌浏览器，确实打不出中文，才按下一个字母，英文字母就从输入法的输入框中直接跳出来了，更换火狐浏览器就没这个问题。很奇怪的是，在我电脑上的火狐浏览器跟谷歌浏览器都没有问题，一开始还以为是她电脑的问题，就没在意了。

最近在家里用谷歌浏览器写博客，也出现了上述的情况，才开始重视起来。检查了一遍，初步锁定问题出在ueditor编辑器本身，于是上ueditor官网看看有没有更新或者说明。果然，ueditor已经更新了好几个版本了，磨途歌用的是1.2.5.0版本，最新版本为1.2.6.1。

浏览了一下更新日志，发现ueditor官网确实提到有这个bug，并且已经修复了，小激动，看来选择有大公司背景的开源软件，是明智的。

因为磨途歌使用的ueditor编辑器做过调整，所以新版本的ueditor还得再修改一下才能用。

在调试阶段，磨途歌发现新版本的ueditor编辑器有个问题，转义单引号（'）出错了！

例如下边的内容，用旧版本的js文件可以正常显示

1
2
<?php
$blog = 'mo2g.com';

新版本的js显示如下

1
2
<?php
$blog = &#039;mo2g.com&#039;;

经过分析，很快就找到问题的根源，接下来就给大家讲解。

在html里，很多符号都有其他的表示方法，给大家列出常用的符号：

显示结果
html代码
简单描述

&nbsp;空格
&&amp;指明有字符存在（特殊字符）的默认符号
"&quot;双引号
'&#039;单引号
<&lt;小于号
>&gt;大于号
®&reg;注册标志
©&copy;版权标志
™&trade;商标标志

问题就出在新版本的ueditor把单引号（'）转义成了&#39;，完全忽略了&#039;也是单引号（'）的事实，至少PHP还是把单引号（'）转义成了&#039;的。

这个问题也很容易修复，打开ueditor.all.js文件，往里边添加一些代码就好了。找到398行，代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
    /**
     * 将str中的html符号转义,默认将转义''&<">''四个字符，可自定义reg来确定需要转义的字符
     * @name unhtml
     * @grammar UE.utils.unhtml(str);  => String
     * @grammar UE.utils.unhtml(str,reg)  => String
     * @example
     * var html = '<body>You say:"你好！Baidu & UEditor!"</body>';
     * UE.utils.unhtml(html);   ==>  &lt;body&gt;You say:&quot;你好！Baidu &amp; UEditor!&quot;&lt;/body&gt;
     * UE.utils.unhtml(html,/[<>]/g)  ==>  &lt;body&gt;You say:"你好！Baidu & UEditor!"&lt;/body&gt;
     */
    unhtml:function (str, reg) {
            return str ? str.replace(reg || /[&<">'](?:(amp|lt|quot|gt|#39|nbsp);)?/g, function (a, b) {
                if (b) {
                    return a;
                } else {
                    return {
                        '<':'&lt;',
                        '&':'&amp;',
                        '"':'&quot;',
                        '>':'&gt;',
                        "'":'&#39;'
                    }[a]
                }
     
            }) : '';
        },

把其中的(?:(amp|lt|quot|gt|#39|nbsp);)改成(?:(amp|lt|quot|gt|#39|#039|nbsp);)，问题解决。

  • 精彩推荐

  • 2019-02-12 16:36:23

    图片工具GraphicsMagick的安装配置与基本使用

    GraphicsMagick是一个短小精悍的的图片处理工具和库集合。对于Java开发者来说，常用的图片处理工具有3个，JDK自带的图片处理库，ImageMagick，GraphicsMagick。JDK自带的图片处理库，虽稳定简单，性能却比较差；ImageMagick是目前最流行的图片处理工具，它的功能非常丰富；GraphicsMagick的功能略逊于ImageMagick，但是它的效率更强悍，但大多数情况下，GM的功能已经足够使用了。

  • 2019-02-15 10:35:31

    使用ffmpeg转码m3u8并播放

    m3u8是苹果公司开发的一项新型播放格式，这种播放格式支持目前市面的windows、androis、ios设备主流的浏览器，同样的视频文件既可以在flash环境播放，又能在无flash的html5环境播放，它的优势还不止于此，它可以实现多种码率在不同网速下的自动切换，网速好自动切换高清晰度视频，网速慢自动播放低清晰度文件，还可以实现流加密（视频文件本身加密）、分段下载播放、任意时间点拖拽播放、随机视频文件广告插入等等优势，所以公司打算是用m3u8格式作为视频格式。 --------------------- 作者：悠闲咖啡007 来源：CSDN 原文：https://blog.csdn.net/psh18513234633/article/details/79312607 版权声明：本文为博主原创文章，转载请附上博文链接！

  • 2019-02-15 10:36:45

    将MP4转成m3u8

    网上很多垃圾文章推荐segmenter工具，但用的时候，3.5G的ts文件丢了一半的数据，于是想到了ffmpeg转。

  • 2019-02-19 10:01:55

    node下使用open模块在指定浏览器下打开url

    最近在做一个项目的过程中，得到一个远程二维码图片的url，需要扫码登录，每次都是在控制台发url打印出来，再复制粘贴到浏览器的地址栏中打开扫码，整个过程过于繁琐，于是想找一个模块，直接在node下，指定浏览器打开该图片。这样可以省不少事。