富文本编辑器
思维导图
一、富文本编辑器
1.概述
富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器,类似于 Microsoft Word 的编辑功能。
2.常用富文本编辑器
①ckeditor------------------------------------今日选择
②Kindeditor
③ueditor
④wangEditor
⑤SmartMarkUP
⑥Control.Editor
⑦EditArea
⑧Free Rich Text Editor
3.CKeditor的使用步骤
[步骤1] 官网https://ckeditor.com/ 下载-解压-引入
[步骤2]
<script type="text/javascript" src = "../ckeditor/ckeditor.js"></script>
<script type="text/javascript">
CKEDITOR.replace("ncontent");
</script>
富文本编辑器原图
SmartUpload上传文件
思维导图:
========================================
1.使用第三方上传插件:smartUpload
2.明确:
a.数据库表中的列中存的是文件路径;
图片也要传到服务器上(将本地文件传到服务器项目中,然后将路径存入表字段中)
3.步骤:
第一:在项目中导入jspsmartupload.jar文件包
第二:在<form>表单中添加表单属性:encty