当前位置: 首页 > 编程笔记 >

PHP集成百度Ueditor 1.4.3

拓拔欣嘉
2023-03-14
本文向大家介绍PHP集成百度Ueditor 1.4.3,包括了PHP集成百度Ueditor 1.4.3的使用技巧和注意事项,需要的朋友参考一下

最近很多群友都来问我怎么集成百度UE(ueditor 1.4.3),实在回答不过来,所以在这写一下集成百度UE的思路,本文内使用的最新版的UE1.4.3。

下载安装

1.首先到官网下载最新版的UE1.4.3
UE官方下载地址:http://ueditor.baidu.com/website/download.html#ueditor

这里我下载的是1.4.3PHP版本。下载你所使用的版本就行。

解压文件到你的项目

2.部署.在前端Html页面引入UE  所需的JS文件,然后使用getEditor 实例化


<body>

    <!-- 加载编辑器的容器 -->

    <script id="container" name="content" type="text/plain">

        这里写你的初始化内容

    </script>

    <!-- 配置文件 -->

    <script type="text/javascript" src="ueditor.config.js"></script>

    <!-- 编辑器源码文件 -->

    <script type="text/javascript" src="ueditor.all.js"></script>

    <!-- 实例化编辑器 -->

    <script type="text/javascript">

        var ue = UE.getEditor('container');

    </script>

</body>


 
浏览你的页面,即可见Ueditor 。是不是很简单的说。

配置Ueditor

UEditor 的配置项分为两类:前端配置项 和 后端配置项。
前后端的配置统一写在后端(PHP版本的config在php/config.json),编辑器实例化时,异步读取后端配置信息,覆盖到前端的配置里。

后端获取的配置项 > 实例化传入的配置项 > ueditor.config.js文件的配置项

前端配置项:官方提供了两种配置方法,静态配置、动态配置。

静态配置:即配置ueditor 目录下的 ueditor.config.js  具体配置项就参考  http://fex-team.github.io/ueditor/#start-config

动态配置:即在实例化UE的时候,通过动态传入配置参数。


var ue = UE.getEditor('container', {

    //这里写你的自定义配置项

    toolbars: [

        ['fullscreen', 'source', 'undo', 'redo', 'bold']

    ],

    autoHeightEnabled: true,

    autoFloatEnabled: true

});

后端配置项:
在这里先说一下UE的请求:UE所有的操作都是通过get方式请求serverUrl传递action变量的值来进行下一步操作。获取配置、上传图片、获取图片等等其它的操作。

UE默认是通过读取目录下的ueditor.config.js 中的serverUrl 参数然后通过get方法传递action=config来获取后端的配置项的。默认请求是:serverUrl?action=config 来获取配置项的。serverUrl 可以在前端页面动态配置和ueditor.config.js静态配置都是可以的。

你可以测试你的网站下的路径 ueditor/php/controller.php?action=config 是否正常返回了json格式(其它格式也可以,具体请看官方文档)的后端配置内容,格式大致如下。如果这个请求出错,出现400、500等错误,编辑器上传相关的功能将不能正常使用。


{

    "imageUrl": "http://localhost/ueditor/php/controller.php?action=uploadimage",

    "imagePath": "/ueditor/php/",

    "imageFieldName": "upfile",

    "imageMaxSize": 2048,

    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"]

    "其他配置项...": "其他配置值..."

}

 

集成

前面已经说过了UE所有的操作都是通过get方式请求serverUrl传递action变量的值来进行下一步操作。获取配置、上传图片、获取图片等等其它的操作。了解了这一点,对于集成PHP。或者其它的语言都很简单了。具体代码可以参考官方提供的Demo。

好了,小伙伴们已经明白了如何集成百度Ueditor了吧,本文是自己的一些经验,希望能帮到大家

 类似资料:
  • 本文向大家介绍PHP制作百度词典查词采集器,包括了PHP制作百度词典查词采集器的使用技巧和注意事项,需要的朋友参考一下 百度dict 采集样本 写的采集百度dict词典翻译后的所有结果数据,当然附带了13.5w单词库和采集简单的案例,这里我把写出的主要类dict.class.php放出来,项目地址http://github.com/widuu/baidu_dict,有需要的直接fork就可以了~么

  • 本文向大家介绍Django集成百度富文本编辑器uEditor攻略,包括了Django集成百度富文本编辑器uEditor攻略的使用技巧和注意事项,需要的朋友参考一下 首先从 ueEditor官网 下载最新版本的包,目前官网上提供了ASP、.NET、PHP、JSP版本的,django版本只有一个第三方个人开发的,但看上出配置起来稍微复杂一点。 这里不介绍uEditor的使用方法,也不过多解释uEdit

  • 从早上九点开始一直面到十二点,心疼一波面试官周日还要上班。。。 一面(40min) 八股问的比较少,扣项目(虽然我项目也没啥好扣的) 两道编程: 1.给一个集合输出所有子集 2.给一个n输出1——n所有数字中含“1”的数目(暴力能过,但会问你怎么优化) 二面(40min) 八股问的比较多(大概是觉得我的项目没啥好问的) 编程: 后序遍历二叉树(第一次用递归实现,第二次让我不用递归,第三次问还有没有

  • 🐀🐀做go,邮件中说明顺利的话三面会一起安排,顺利。。但是2面完秒共享。。。。。 —————————————————————————— 11:00 一面 1h 面试官环境巨吵无比,折腾了5、6分钟才能听清他说话 无八股,项目简单询问(不知道为什么面试官对深度学习项目很感兴趣,一直追问20min,对go项目只字不问) 手撕mid a了 手撕hard a了 手撕第二道hard变形(面试官口述)也a

  • 背景:自己做的是算法部署 四十五分钟 主要拷打项目和实习所做的东西,聊了很多模型部署的工作 八股量很少,问你对NLP熟不熟悉,就NLP 大模型 关键词聊了一些,BERT transformer NER啥的,答的一般 最后介绍部门情况,说其实我们这边主要是算法设计,不是很偏部署,但是校招主要是看潜力,要是进来了能不能接受转方向

  • 问得好偏,不是传统的八股文,面试官也是华科的,但是下手是一点也不留情啊,确实全是做c++的,又问c++ 刚开始的时候介绍部门是干啥的,怎么看待转编程语言(当然没关系),然后问为什么不读研(感觉可能他们这全是研究生,说是搞媒体云pcdn的,不是很懂) 1. 先写个LRU,刚开始用链表实现,问能不能优化查询(hash可以优化查询),hash键值都存的什么(值存的是链表节点指针,键就是要查找的数据的值)