Uedit基本使用

来源：互联网发布：网络文明传播志愿评论编辑：程序博客网时间：2024/06/17 05:58

最近在做一些简单的项目练习，发现好多原生的编辑器使用起来很不错的，但是大家好像都喜欢使用第三方的编辑器，

其实对于我来说都是差不多的，只要可以用就可以了。自己闲着无事的时候就下载了ueditor练习一下，看看怎么使用。

官网直接下载一个php版本的，然后里面有一个demo.html的实例，看了之后就可以知道怎么进行使用了，需要引入的文件以及

怎么调用使用，都是很清楚。一个简单地上传的html实例。

<!DOCTYPE HTML><html lang="en-US"><head>    <meta charset="UTF-8">    <title>ueditor demo</title><!-- 配置文件 -->    <script type="text/javascript" src="ueditor_php/ueditor.config.js"></script>    <!-- 编辑器源码文件 -->    <script type="text/javascript" src="ueditor_php/ueditor.all.js"></script></head><body><form action="test.php" method="POST">    <!-- 加载编辑器的容器 -->    <script id="container" name="content" type="text/plain"></script><!--使用下面的编辑器容器也是可以的，只是注意一下变换这个id就可以了<textarea id="container" name="content"></textarea>    --><!-- 实例化编辑器 -->    <script type="text/javascript">        var ue = UE.getEditor('container', {    autoHeightEnabled: true,    autoFloatEnabled: true});    </script><input type="submit" value="上传文件" /></form></body>

在php文件中直接使用$_POST['content']获取内容

修改图片的上传路径

在config.json直接修改上传的路径

"imagePathFormat": "/jquery/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

这样就可以基本使用这个编辑器了

0 0