Uedit基本使用

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

其实对于我来说都是差不多的,只要可以用就可以了。自己闲着无事的时候就下载了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
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值