• 百度ueditor富文本编辑器的使用



    百度ueditor富文本编辑器的使用
    //以下为我在官网下载的ueditor v1.3.5 php版的大楷配置步骤
    第一步:
    //配置文件的引入应该比功能文件先引入,最后设置语言类型。即:editor.config.js==>editor.all.min.js==>lang/zh-cn/zh-cn.js

    <script type="text/javascript" src="ueditor/editor.config.js"></script> 
    <script type="text/javascript" src="ueditor/editor.all.min.js"></script> 
    <script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>

    第二步:
    //在网页中应用文本宽的地方

    <textarea name="content" id=" content ">
    这里写你的初始化内容
    </textarea> 
    <script type="text/javascript"> 
    UE.getEditor(' content '); //'content' 为上边文本框的ID值 
    </script> 

    第三步:
    在配置文件(editor.config.js)下修改全局路径(三种方案):
    1) var URL = window.UEDITOR_HOME_URL || "/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";

    2) window.UEDITOR_HOME_URL = "/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";
    var URL = window.UEDITOR_HOME_URL || getUEBasePath();
    3) var URL ="/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";
    //其实最终目的就是让URL的值为网站根目录到ueditor的路径字符串(*以 “/” 结束)

    第四步:
    工具栏工具设置:
    单行:
    toolbars:[["bold","italic","undo","redo"]]
    多行:
    toolbars:[["bold","italic"],["undo","redo"],["insertimage"]]
    第五步:

    //对编辑器默认参数配置
    ,autoFloatEnabled:false //工具栏浮动 
    ,elementPathEnabled:false //左下角显示元素路径 
    ,autoHeightEnabled:false // 是否自动长高,默认true,设为false当超界时显示滚动条
    ,maximumWords:10000 //允许的最大字符数 
    ,initialFrameWidth:750 //初始化编辑器宽度,默认1000 
    ,initialFrameHeight:400 //初始化编辑器高度,默认320 
    ,wordCount:true //是否开启字数统计 
    ,textarea:content //设置默认文本框内容的name属性,也可在对应的html中设置name属性
    

      

    //==========================ueditor的文件目录说明===================================//
    dialogs 编辑器弹出框的内容都在在里面。不可删除,不建议移动该目录
    lang 编辑器语言国际化支持,如果你想增加韩语、日语等支持可以在这里添加。 不可删除,不建议移动该目录
    php/jsp/.net 服务器端处理程序,各个版本该目录名字不一样,jsp版本叫jsp,以此类推。可删除,这需要你自己开发相关程序;可移动,前提是要更改对应的上传路径!!!
    themes 编辑器皮肤目录。不可删除,不建议移动该目录
    third-party 编辑器以来第三方包。不可删除,不建议移动该目录
    editor.all.js 编辑器打包后的文件,开发环境用该文件。不可删除,不建议移动该文件
    editor.all.min.js 编辑器打包后的压缩版本,产品环境用该文件。不可删除,不建议移动该文件
    editor.config.js 编辑器配置文件。不可删除,不建议移动该文件(一般将其备份在之际配置一份)
    ueditor.parse.js
    ueditor.parse.min.js
    index.html 可以在服务器中直接大楷这个文件,他是一个官方给的实例

    人生哪有不疯狂!
  • 相关阅读:
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    白盒,单元测试
    向数据库添加100W 条数据 性能测试
    软件测试
    软件需求工程-产品经理该如何更好地记录反馈、捕捉需求?
    Spring,Spring MVC,MyBatis,Hibernate总结
    Java基础总结
    Java8新特性_四大内置核心函数式接口
    Lambda表达式及相关练习
    Java 8新特性(Lambda,Stream API)
  • 原文地址:https://www.cnblogs.com/shuqi/p/ueditor.html
Copyright © 2020-2023  润新知