ueditor 1.2.6 使用方法说明


Posted in PHP onJuly 24, 2013

本文以php版本为例:
文件下载:http://ueditor.baidu.com/website/download.html
还可以自己先定义内容,然后下载,这样可以帮助我们精简不少东西。
以本地php环境为例,现在www目录下建立一个app目录作为测试目录,然后将下载的ueditor文件夹解压到app文件夹下。

ueditor 1.2.6 使用方法说明
然后,在app文件夹下建立一个index.php文件。
然后输入以下代码:

<!DOCTYPE html>
<html>
<head>
<title>编辑器完整版实例</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 <script type="text/javascript" src="./ueditor/ueditor.config.js"></script>
 <script type="text/javascript" src="./ueditor/ueditor.all.js"></script>
 <link rel="stylesheet" href="./ueditor/themes/default/css/ueditor.css"/>
</head>
<body>
    <h2>UEditor提交示例</h2>
    <form id="form" method="post" target="_blank">
        <script type="text/plain" id="myEditor" name="myEditor">
            <p>欢迎使用UEditor!</p>
        </script>
        <input type="submit" value="通过input的submit提交">
    </form>
   <p>
       从1.2.6开始,会自动同步数据无需再手动调用sync方法
       <button onclick="document.getElementById('form').submit()">通过js调用submit提交</button>
   </p>
    <script type="text/javascript">
        var editor_a = UE.getEditor('myEditor',{initialFrameHeight:500});
        //--自动切换提交地址----
        var doc=document,
            version=editor_a.options.imageUrl||"php",
            form=doc.getElementById("form");
            form.action="./getContent.php";
    </script>
</body>
</html>

然后再浏览器输入localhost/app/
就可以查看编辑器了;
然后会发现图片上传功能无法使用,需要打开ueditor.config.js
然后找到这一行代码:
var URL = window.UEDITOR_HOME_URL || (function(){

然后再这一行代码的上面加上这行代码:
window.UEDITOR_HOME_URL||"/app/ueditor/";

ueditor 1.2.6 使用方法说明
然后,刷新一下页面,图片上传功能就可以使用了。
ueditor的官方说明文档地址:http://ueditor.baidu.com/website/document.html
官方说明文档中的文件名有错误(应该是版本升级之后没有修改过来),请大家注意。
PHP 相关文章推荐
IIS6+PHP5+MySQL5+Zend Optimizer+phpMyAdmin安装配置图文教程 2009年
Jun 08 PHP
PHP下使用CURL方式POST数据至API接口的代码
Feb 14 PHP
phpmyadmin配置文件现在需要绝密的短密码(blowfish_secret)的2种解决方法
May 07 PHP
php5.2以下版本无json_decode函数的解决方法
May 25 PHP
实用的PHP带公钥加密类分享(每次加密结果都不一样哦)
Aug 20 PHP
PHP准确取得服务器IP地址的方法
Jun 02 PHP
Yii2中事务的使用实例代码详解
Sep 07 PHP
Yii2.0 Basic代码中路由链接被转义的处理方法
Sep 21 PHP
php事务回滚简单实现方法示例
Mar 28 PHP
PHP聚合式迭代器接口IteratorAggregate用法分析
Dec 28 PHP
php JWT在web端中的使用方法教程
Sep 06 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
Nov 23 PHP
PHP与javascript实现变量交互的示例代码
Jul 23 #PHP
php curl基本操作详解
Jul 23 #PHP
如何使用FireFox插件FirePHP调试PHP
Jul 23 #PHP
PHP时间格式控制符对照表分享
Jul 23 #PHP
利用curl抓取远程页面内容的示例代码
Jul 23 #PHP
奉献出一个封装的curl函数 便于调用(抓数据专用)
Jul 22 #PHP
解析VS2010利用VS.PHP插件调试PHP的方法
Jul 19 #PHP
You might like
用PHP+java实现自动新闻滚动窗口
2006/10/09 PHP
php引用传值实例详解学习
2013/11/06 PHP
功能强大的PHP POST提交数据类
2016/07/15 PHP
phpstudy2018升级MySQL5.5为5.7教程(图文)
2018/10/24 PHP
基于Jquery插件开发之图片放大镜效果(仿淘宝)
2011/11/19 Javascript
php+js实现倒计时功能
2014/06/02 Javascript
一个简单的jQuery计算器实现了连续计算功能
2014/07/21 Javascript
详解JavaScript的另类写法
2016/04/11 Javascript
Google 地图类型详解及示例代码
2016/08/06 Javascript
JavaScript与java语言有什么不同
2016/09/22 Javascript
使用Promise链式调用解决多个异步回调的问题
2017/01/15 Javascript
JavaScript箭头(arrow)函数详解
2017/06/04 Javascript
vue-cli 首屏加载优化问题
2018/11/06 Javascript
vue与bootstrap实现简单用户信息添加删除功能
2019/02/15 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
[02:16]DOTA2超级联赛专访Burning 逆袭需要抓住机会
2013/06/24 DOTA
[55:02]2014 DOTA2国际邀请赛中国区预选赛 HGT VS Orenda
2014/05/21 DOTA
深入理解Python中range和xrange的区别
2017/11/26 Python
python opencv 直方图反向投影的方法
2018/02/24 Python
python集合是否可变总结
2019/06/20 Python
Python秒算24点实现及原理详解
2019/07/29 Python
Python基于Dlib的人脸识别系统的实现
2020/02/26 Python
基于Python编写一个计算器程序,实现简单的加减乘除和取余二元运算
2020/08/05 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
通用的Django注册功能模块实现方法
2021/02/05 Python
美国隐形眼镜销售网站:ContactsDirect
2017/10/28 全球购物
日语系毕业求职信
2014/07/27 职场文书
局领导领导班子四风对照检查材料
2014/09/27 职场文书
2014年维稳工作总结
2014/11/18 职场文书
2014年项目工作总结
2014/11/24 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
军训个人总结
2015/03/03 职场文书
物流业务员岗位职责
2015/04/03 职场文书
新手开公司创业注意事项有哪些?
2019/07/29 职场文书
Python可变与不可变数据和深拷贝与浅拷贝
2022/04/06 Python