【学习笔记】用富文本编辑器实现文件上传

最新推荐文章于 2023-07-19 11:16:31 发布

KVN_G

最新推荐文章于 2023-07-19 11:16:31 发布

阅读量476

点赞数

本文链接：https://blog.csdn.net/qq_44940503/article/details/112135019

版权

本次实例用到UEditor富文本编辑器

Ueditor文档及官网：http://fex.baidu.com/ueditor/

<!DOCTYPE HTML>
<html>
<head>
<title>EditBlog</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<!-- 配置文件 -->
    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" charset="utf-8" src="../ueditor.all.js"></script>
    <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
<style type="text/css">
div {
	width: 50%;
}
</style>
</head>
<body>
	<form action="page.do" method="post">
		<input type="text" style="width: 100px" name="title" placeholder="请输入标题">
		<!-- 加载编辑器的容器 -->
		<script id="container" name="content" type="text/plain">
           	 编写你的博客内容
        </script>
        <input type="hidden" name="op" value="add">
		<input type="submit" value="提交">
	</form>
    <!-- 实例化编辑器 -->
	<script type="text/javascript">
		var editor = UE.getEditor('container');
	</script>
</body>
</html>

优惠劵

KVN_G

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【学习笔记】用富文本编辑器实现文件上传

本次实例用到UEditor富文本编辑器Ueditor文档及官网：http://fex.baidu.com/ueditor/<!DOCTYPE HTML><html><head><title>EditBlog</title><meta http-equiv="Content-Type" content="text/html;charset=utf-8" />  <scr
复制链接

扫一扫