时时商务社区

标题: ueditor 1.2.6 使用方法说明 [打印本页]
作者: 阿情    时间: 2018-2-14 08:15

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

然后，在app文件夹下建立一个index.php文件。
然后输入以下代码：
[U]复制代码[/U] 代码如下:
编辑器完整版实例
     




    UEditor提交示例
   
        
        
   
   
       从1.2.6开始，会自动同步数据无需再手动调用sync方法
       通过js调用submit提交
   
   

然后再浏览器输入localhost/app/
就可以查看编辑器了；
然后会发现图片上传功能无法使用，需要打开ueditor.config.js
然后找到这一行代码：
[U]复制代码[/U] 代码如下:
var URL = window.UEDITOR_HOME_URL || (function(){
然后再这一行代码的上面加上这行代码：
[U]复制代码[/U] 代码如下:
window.UEDITOR_HOME_URL||"/app/ueditor/";

然后，刷新一下页面，图片上传功能就可以使用了。
ueditor的官方说明文档地址：http://ueditor.baidu.com/website/document.html
官方说明文档中的文件名有错误（应该是版本升级之后没有修改过来），请大家注意。
            
            
您可能感兴趣的文章:
  • 关于UEditor编辑器远程图片上传失败的解决办法
  • .NET UEditor使用方法说明
  • .NET下为百度文本编辑器UEditor增加图片删除功能示例
  • 关于jsp版ueditor1.2.5的部分问题解决(上传图片失败)
  • UEditor 编辑器跨域上传解决方法
  • 百度编辑器ueditor前台代码高亮无法自动换行解决方法
  • UEditor编辑器自定义上传图片或文件路径的修改方法
            



    欢迎光临 时时商务社区 (http://bbs.4435.cn/) Powered by Discuz! X3.2