zoukankan      html  css  js  c++  java
  • 百度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 可以在服务器中直接大楷这个文件,他是一个官方给的实例

    人生哪有不疯狂!
  • 相关阅读:
    andorid 平台调用Web Service , 图片传输
    android 中在CMD中查看sqlite
    Click ListView Item跳转Activity
    C# 中几个小“陷阱”
    Xamarin 手动安装步骤+破解(最新版Xamarin V3)
    语音播报实时天气
    手动创建VS单元测试,显示代码覆盖率
    Ubuntu 12.10 配置MyEclipes 10.7环境(加破解)
    C#对象赋值出现的诡异问题,或许你也遇到过,有待你的解决
    jquery 小插件,完成“输入字段预期值的提示信息”,防html5 placeholder属性
  • 原文地址:https://www.cnblogs.com/shuqi/p/ueditor.html
Copyright © 2011-2022 走看看