zoukankan      html  css  js  c++  java
  • 百度富文本ueditor使用小结

    最近因工作需要使用了ueditor,根据自己的需求将开发使用时遇到的问题小结分享下。

    1.可到官网根据自身情况下载最新版本,https://ueditor.baidu.com/website/

    2.html页面调用并引入js插件

                            <div>
                                <!-- 富文本 -->
                                <textarea name="content" id="myEditor" style="height:300px;"></textarea>
                            </div>

    <!--script引入富文本-->
    <!-- 配置文件,须首先引入 -->
    <script src="__PUBLIC__/Home/ueditor/1.4.3/ueditor.config.js" type="text/javascript"></script>

    <!-- 编辑器源码文件 -->
    <script src="__PUBLIC__/Home/ueditor/1.4.3/ueditor.all.js" type="text/javascript"></script>

    <!-- 实例化编辑器,并设置要显示的标签等,这里我需要的toolbar标签就这些,自己可参考文档自定义设置 -->
    <script type="text/javascript">
        UE.getEditor('myEditor',{
            toolbars: [
                ['undo', 'redo', 'insertimage']
            ],
            autoHeightEnabled: true,    //是否自动长高,默认true
            autoFloatEnabled: true,     //是否保持toolbar的位置不动,默认true
            elementPathEnabled: false   //是否启用元素路径,默认是显示
        });
    </script>

    ok,如下图:

    PS-小结::::::

    1.修改不显示‘本地已保存’的提示(1.4.3版本中)

    2.去掉元素路径、字数统计等

    3.因为我将上传的信息进行处理,规避了一些特殊字符,所以存到数据库时,出现了被转义问题,并且页面显示出错

    4.上传的图片太大没有自动缩放问题:可在富文本插件的根目录下找到themes->iframe.css文件,并在其中敲入以下代码,注意缓存

    img {
        max- 65%; /*图片自适应宽度*/

        max-height: 65%; /*图片自适应高度*/
    }
    body {
        overflow-y: scroll !important;
    }
    .view {
        word-break: break-all;
    }
    .vote_area {
        display: block;
    }
    .vote_iframe {
       
        border: 0 none;
        height: 100%;
    }
    #edui1_imagescale{display:none !important;} /*去除点击图片后出现的拉伸边框*/

    前:::

    后:::

    5.上传图片提交后太后在页面显示的同样太大,可在html页面通过定位到对应的img,敲入style,如:img{max-100%;}

    6.开发环境上传图片等可正常使用,但在运行环境却不行,报错如:后台配置项返回格式出错,上传功能将不能正常使用!

        原因/解决:php目录下的controller文件中的date_default_timezone_set函数大小写问题/改为date_default_timezone_set("Asia/Chongqing");即可

    7.注意、注意、注意:引入富文本插件时,文件顺序一定不能错,否则无法引入!!!!!config文件在最前

    以上就是目前遇到的问题,不足之处,多多指教,共同进步

  • 相关阅读:
    C基础02天——笔记
    C基础-指针和数组等价转换
    C基础04天—选择排序笔记
    C基础-标准C语言头文件
    C基础-C的关键字
    Ubuntu linux 环境基本使用
    C基础01天——常量变量笔记
    根据评分,用js输出评价星星的样式
    横向滚动条展示 css
    ajax 城市区域选择三级联动
  • 原文地址:https://www.cnblogs.com/two-bees/p/10458189.html
Copyright © 2011-2022 走看看