富文本编辑器

77xiaolu

于 2020-10-02 20:42:52 发布

阅读量557

点赞数

文章标签： html

本文链接：https://blog.csdn.net/xiaolu_0/article/details/108904678

版权

本文介绍了富文本编辑器KindEditor的基础知识，包括入门案例和文件上传的详细步骤，重点讲述了文件上传的优化，包括url优化、编辑pro配置文件以及如何动态赋值。

摘要由CSDN通过智能技术生成

1、富文本编辑器介绍

KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。

2、入门案例

<script type="text/javascript">
	$(function(){
   
		KindEditor.ready(function(){
   
		    //在指定的位置创建富文本.
			KindEditor.create("#editor")
		})
	})
</script>
</head>
<body>
<h1>富文本编辑器</h1>
<textarea style="width:700px;height:350px" id="editor"></textarea>
</body>

在这里插入图片描述

3、文件上传

文件上传的具体步骤:
* 1.准备文件目录
* 2.准备文件的全名 xxxx.jpg
* 3.准备文件上传的路径 D:/JT-SOFT/images/xxxx.jpg
* 4.将字节信息输出即可.
* 大小不要超过1M

4、文件上传优化

4.1、url优化

说明: 如果需要通过网络虚拟路径访问服务器.则应该按照如下的配置实现.

1、本地磁盘路径: D:\JT-SOFT\images\2020\09\30\a.jpg
2、网络虚拟路径: http://image.jt.com\2020\09\30\a.jpg

4.2、编辑pro配置文件

在这里插入图片描述

4.3、完成属性的动态赋值

package com.jt.service;

import com.jt.vo.ImageVO;
import org.springframework.beans.factory.annotation.Value;
import org

最低0.47元/天解锁文章

77xiaolu

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
富文本编辑器

1、富文本编辑2、文件上传及优化
复制链接

扫一扫