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 相关文章推荐
一些PHP写的小东西
Dec 06 PHP
PHP学习 变量使用总结
Mar 24 PHP
php 按指定元素值去除数组元素的实现方法
Nov 04 PHP
PHP中数组合并的两种方法及区别介绍
Sep 14 PHP
解析如何用php screw加密php源代码
Jun 20 PHP
PHP生成等比缩略图类和自定义函数分享
Jun 25 PHP
ThinkPHP 表单自动验证运用示例
Oct 13 PHP
简单谈谈php浮点数精确运算
Mar 10 PHP
深入了解PHP中的Array数组和foreach
Nov 06 PHP
php获取网站根目录物理路径的几种方法(推荐)
Mar 04 PHP
laravel-admin的多级联动方法
Sep 30 PHP
Laravel 模型使用软删除-左连接查询-表起别名示例
Oct 24 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保留两位小数并且四舍五入及不四舍五入的方法
2013/09/22 PHP
在WordPress中获取数据库字段内容和添加主题设置菜单
2016/01/11 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
php中上传文件的的解决方案
2018/09/25 PHP
在Laravel 中实现是否关注的示例
2019/10/22 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
javascript 模拟点击广告
2010/01/02 Javascript
JavaScript 变量作用域分析
2011/07/04 Javascript
一个关于jqGrid使用的小例子(行按钮)
2011/11/04 Javascript
Knockout数组(observable)使用详解示例
2013/11/15 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
vue-scroller记录滚动位置的示例代码
2018/01/17 Javascript
使用Vue开发动态刷新Echarts组件的教程详解
2018/03/22 Javascript
vue中axios请求的封装实例代码
2019/03/23 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
2020/06/29 Javascript
使用Python的判断语句模拟三目运算
2015/04/24 Python
python实现清屏的方法
2015/04/30 Python
深入理解Python中变量赋值的问题
2017/01/12 Python
Tensorflow环境搭建的方法步骤
2018/02/07 Python
Django项目开发中cookies和session的常用操作分析
2018/07/03 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
如何使用repr调试python程序
2020/02/28 Python
Python使用monkey.patch_all()解决协程阻塞问题
2020/04/15 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
手把手教你实现一个canvas智绘画板的方法
2019/03/04 HTML / CSS
JD Sports法国:英国篮球和运动时尚的领导者
2017/09/28 全球购物
什么是makefile? 如何编写makefile?
2012/08/08 面试题
行政助理的职责
2013/11/14 职场文书
教师师德承诺书
2014/03/26 职场文书
竞选体育委员演讲稿
2014/04/26 职场文书
关爱老人标语
2014/06/21 职场文书
护理专科学生自荐书
2014/07/05 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
图书借阅制度范本
2015/08/06 职场文书
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python