javaWeb10:ckeditor&smartupload

一、ckeditor 富文本编辑器

1、下载富文本编辑器
首先先下载好富文本编辑器，官方链接如下：

CKEditor 4 Quick Start Guide
https://ckeditor.com/docs/ckeditor4/latest/guide/dev_installation.html

点击进入页面 根据上方提示下载好 将文件解压

解压后：

富文本编辑器的应用：

将解压后的文件复制到WebContent

应用步骤：

1.导入js

2.定义文本域 文本域需要ID

3.根据ID生成对应的富文本编辑器

代码：

<!-- 引入ckeditor的类库 -->
<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>

<p>
        <label> 内容 </label>
        <textarea name="ncontent" cols="70" rows="10"></textarea>
          <script >
              CKEDITOR.replace('ncontent');
          </script>
      </p>

 展示：

 二、smartupload  

文件上传的jar包有smartUpload 、commons fileUpload 但是smartUpload已经停止更新  所以建议使用commons fileUpload  来进行文件上传

commons fileUpload 官网链接如下：

 

commons-fileupload
https://commons.apache.org/proper/commons-fileupload/using.html

 在此官网里面我们可以看到如下示例代码 我们可以进行借鉴分析

 

文件上传必须要注意的规则：
1、使用commons fileUpload 组件需要在项目中引入jar包。并将jar包添加到WebContent/WEB-INF/lib目录下

 

 2、需要设置表单的enctype属性

 

 3、设置了enctype属性后，表单必须以post方式提交

代码：