ueditor与umeditor编辑器的各浏览器的问题汇总

所属栏目:建站技术 更新时间:2020-10-30 点击: 文章来源:http://www.sznest.net/jzjs/3526.html

ueditor的[1.4.3.3 PHP 版本] UTF-8版的存在的问题

1:当编辑器还没有来得及提示“本地保存成功”的就提交表单的话,那么将无法获取编辑器中的内容

2:当同一个脚本中有两个UE编辑器时,如果复制一段纯文字到编辑器中,被复制的文字的第一行只显示下面的部分,上面的一部分被隐藏起来,这个现象至少在火狐43.01版本一直到47.02这些版本是至少存在的,火狐其它的版本未经测试,而除了火狐之外的其它浏览器比如IE8.0以上,谷歌浏览器、360浏览器测试都没有问题,看来火狐浏览器与百度的ueditor编辑器还不能完全的兼容


umeditor的[1.2.3 PHP 版本] UTF-8版的存在的问题

1:在谷歌浏览器的42.0.2311.90这个版本中复制很多纯文本时,不会自动换行,导致编辑器下面出现滚动条,其它的浏览器目前还没有发现这个问题

2:没有多图上传的功能还有一些其它不常用的功能


ueditor与umeditor能共用吗?
比如简介中用umeditor,ueditor用于详情
两个版本不能共用,共用至少会导致ueditor编辑器中的下拉失效,比如选择字体或字号这些下拉的

umeditor的[1.2.3 PHP 版本] UTF-8版在火狐中测试发现没有上面的两个问题,但是umeditor没有单图与多图上传的功能还有一些其它的功能,当然这些功能用不上的话,建议使用umeditor而不要使用ueditor,如果要用图片上传功能,那么还是要使用ueditor,只是在使用的时候提醒客户不要使用火狐浏览器来登陆后台


下面是三次的测试的源代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>ueditor demo示例</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
    <form name="main_form" method="POST" action="<?= $_SERVER["PHP_SELF"] ?>" enctype="multipart/form-data">
    <textarea id="digest" name="digest"></textarea>
    <textarea id="content" name="content"></textarea>
    <input type="submit" class="button" value=" 提交 "/>
    </form>
    <!--引入ueditor编辑器的样式与js文件-->
    <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.js"></script>
    <script type="text/javascript">
        UE.getEditor('digest', {
            "initialFrameWidth": 600, //初始化宽度
            "initialFrameHeight": 160, //初始化高度
            "toolbars": [['source', 'bold', 'forecolor', 'backcolor', 'fontfamily', 'fontsize', 'indent', 'removeformat', 'link', 'unlink', 'inserttable', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify']]//自定义工具栏
        });
        UE.getEditor('content', {
            "initialFrameWidth": 600, //初始化宽度
            "initialFrameHeight": 160, //初始化高度
        });
    </script>
  </body>
</html>

下图是上面的代码在火狐浏览器中的测试效果

ueditor的[1.4.3.3 PHP 版本] UTF-8版的存在的问题.png



<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>umeditor demo示例</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!--引入umeditor编辑器的样式与js文件-->
    <link href="umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="umeditor/third-party/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="umeditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="umeditor/umeditor.min.js"></script>
</head>
<body>
<!--style给定宽度可以影响编辑器的最终宽度-->
<script type="text/plain" id="digest" style="width:600px;height:240px;">
</script>
<script type="text/javascript">
    //实例化编辑器
    var um = UM.getEditor('digest');
</script>

<!--style给定宽度可以影响编辑器的最终宽度-->
<script type="text/plain" id="content" style="width:600px;height:240px;">
</script>
<script type="text/javascript">
    //实例化编辑器
    var um2 = UM.getEditor('content');
</script>
</body>
</html>

下图是上面的代码在谷歌浏览器中的测试效果

umeditor的[1.2.3 PHP 版本] UTF-8版的存在的问题.png



<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>umeditor与ueditor可以同时用吗?</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!--引入umeditor编辑器的样式与js文件-->
    <link href="umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="umeditor/third-party/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="umeditor/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="umeditor/umeditor.min.js"></script>
    <!--引入ueditor编辑器的样式与js文件-->
    <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.js"></script>
</head>
<body>
    <!--style给定宽度可以影响编辑器的最终宽度-->
    <script type="text/plain" id="digest" style="width:600px;height:240px;">
    </script>
    <script type="text/javascript">
        var um = UM.getEditor('digest');//实例化编辑器
    </script>
    <textarea id="content" name="content"></textarea>
    <script type="text/javascript">
        UE.getEditor('content', {
            "initialFrameWidth": 600, //初始化宽度
            "initialFrameHeight": 160, //初始化高度
        });
    </script>
</body>
</html>


下图是上面的代码在火狐、谷歌及360浏览器中的测试效果

ueditor编辑器中的下拉失效.png

相关阅读

手机访问电脑网时自动跳转代码

4G降临,移动网站已经一发不可收拾,pc端和移动端官网并存。如何让别人访问你的pc端的官网直接跳转到移动端的网站呢?各位看官,小二上代码!来了!varurl=window.location.href;varurl_match=/vit=1$/i;if(!url.match(url_match)){if(navigator.userAgent.match(/(…

了解详情 >>

过滤所有标点符号的函数详解

为了避免用户输入的一些特殊标点对数据查询造成干扰,所以对特殊的标点符号的过滤是很有必要,下面是过滤所有标点符号这个函数的详细说明所有的标点符号~|`|!|@|#|$|%|^|&amp;|&#39;|*|(|)|+||||=|-|_|[|]|}|{|;|&quot;|:|?|&gt;|&lt;|,|.|/|��|��|��|��|��|��|}|��|��|�…

了解详情 >>

如何将程序添加到右键菜单中?

方法一:在HKEY_CLASSES_ROOT*shell下面添加sublime_textCommand,修改Command项的默认值的数据数值为&quot;D:我的文档sublimetext3sublime_text.exe&quot;&quot;%1&quot;改了之后此方法你会发现不管选择什么类型的文件都会出现在右键菜单中方法二:修改HKEY_CLASS…

了解详情 >>

access数据库的表如何导出到excel表?

其实要使access数据库导出到excel中很简单,只需要打开数据库,选中你要导出的表,然后选择菜单下面的外部数据,再选择excel即可,要导出时有两点需要注意,第一,只能单张的一个表一个表的导出,不能导出数据库,第二,一定要确保安装了excel软件,否则在外部数据那里可能找不到excel这个选项其实要导出到excel表还可以有另外一个反过来的办法,就是新建…

了解详情 >>

小程序列表多个批量倒计时

Page({onShow(){letthat=this;vardates={datetime:[{dat:0,name:&#39;zs&#39;},{dat:6,name:&#39;ls&#39;},{dat:10,name:&#39;ww&#39;}]}//console.log(dates)//数据letlen=dates.datetime.length…

了解详情 >>

跳转关系与规则不符要怎么办?

为了能够把这个问题解释清楚,这里我用实例来给大家分析一下跳转关系与规则不符的这个问题,一:先来看一下我的新旧url新旧url链接文件:gaiban.txt中的内容域名/productshow.php?id=29域名/sbzsshow.php?id=29域名/productshow.php?id=2域名/cpzsshow.php?id=78二:再来看一下pro…

了解详情 >>

Copyright @ 2008-2019   www.sznest.net   All rights reserved  网巢网是一家专业为企业提供免费建站、自助建站的模板建站公司     友情链接:香港张元洪律师行   

微信

移动端

客服

顶部