第三方插件

andrew2718

于 2019-06-21 08:49:00 发布

阅读量146

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jiayiblog/p/11062556.html

本文介绍了如何在网页中集成CKEditor富文本编辑器，并演示了如何设置textarea元素以使用该编辑器。此外，还提供了文件上传功能的相关链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CKEditor的使用

1.引入插件

下载地址：https://ckeditor.com/

下载压缩包解压将文件复制到webapp目录下

在jsp页面引入ckeditor

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <%--1.引入ckeditor.js文件--%>
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
    <input type="file" id="file" name="fname" value="">
    <%--2.写一个textarea标签 添加class属性和id属性(必须添加id，否则不显示)--%>
    <textarea id="tx" cols="150" rows="30" class="ckeditor" name="textname"></textarea>
    <input type="submit"  value="上传">
</form>
</body>
</html>