JavaWeb(CKeditor&SmartUpload)

最新推荐文章于 2023-09-24 02:50:01 发布

VIP文章顾轻舟。

最新推荐文章于 2023-09-24 02:50:01 发布

阅读量711

点赞数

分类专栏： JavaWeb 文章标签： web

本文链接：https://blog.csdn.net/qq_64001795/article/details/124082435

版权

5、CKEDITOR.replace()配置

1.3 表单必须用enctype属性进行封装：

案例：文件上传

2、下载文件的方法：

3、关于在servlet中写smartupload的问题：

4、注意事项：

一、富文本编辑器

1、概念：

富文本编辑器（Rich Text Editor，RTE）是一种可内嵌于浏览器，所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能，方便那些不太懂HTML用户使用，富文本编辑器的应用非常广泛，它的历史与图文网页诞生的历史几乎一样长。

2、常用的富文本编辑器

①ckeditor----------------------今日选择
②Kindeditor
③ueditor
④wangEditor
⑤SmartMarkUP
⑥Control.Editor
⑦EditArea
⑧Free Rich Text Editor

3、CKeditor介绍

ckeditor是一款由javascript编写的富文本网页编辑器，它可以填写文字、插入图片、视频、Excel等富媒体信息，也可以在源码方式下填写内容，在各个网站中应用非常广泛。

4、CKeditor的使用步骤

(1) 进入官网，下载full版本（这个代表的是使用全部功能，如果是simple或者standed，可能会有些功能不能用）

https://ckeditor.com

在官网内下载解压引入

(2) 解压之后得到如下的文件目录【其中核心文件是ckeditor.js（必须），配置文件是config.js（可选）】

(3) 解压后复制到工程的webContent目录下

(4) 在指定JSP页面引用CKEDITOR的JS文件并且替换TEXTAREA标签

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 引入ckeditor.js  -->
<script src="ckeditor/ckeditor.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	window.onload = function(){
		//根据textarea标签的name属性替换成富文本编辑器
		CKEDITOR.re

最低0.47元/天解锁文章

顾轻舟。

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb(CKeditor&SmartUpload)

目录一、富文本编辑器1、概念：2、常用的富文本编辑器3、CKeditor介绍4、CKeditor的使用步骤5、CKEDITOR.replace()配置6、config.js文件配置二、SmartUpload1、文件上传1.1 步骤：1.2 上传文件的方法：1.3 表单必须用enctype属性进行封装：案例：文件上传2、下载文件的方法：3、关于在servlet中写smartupload的问题：4、注意事项：一、富文本编辑器1、概...
复制链接

扫一扫