在跳出的dialog中使用kindeditor
jsp：
父jsp:
<td valign="top" align="right"><span style="font-size:12px;">公告详细信息：</span></td> <td valign="top" align="left"> <span style="font-size:12px;"> <a class="easyui-linkbutton" onclick="contentEditor()">编辑详细信息</a> <input name="noticeContentStr" id="noticeContentStr" type="hidden" ></input> </span> </td>
父js：
//kindEditor新增方法
function GetData(data){
$("#addForm #noticeContentStr").val(data);
}
子jsp及js：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
String id = request.getParameter("id");
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>公告详细内容</title>
<link rel="stylesheet" href="<%=basePath%>kindeditor/themes/default/default.css" />
<link rel="stylesheet" href="<%=basePath%>kindeditor/plugins/code/prettify.css" />
<script charset="utf-8" src="<%=basePath%>kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="<%=basePath%>kindeditor/lang/zh_CN.js"></script>
<script charset="utf-8" src="<%=basePath%>kindeditor/plugins/code/prettify.js"></script>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<script>
var editor1;
var id = '<%=id%>';
var self ;
KindEditor.ready(function(K) {
editor1 = K.create('textarea[name="content1"]', {
uploadJson :'<%=basePath%>/Upload_json',
fileManagerJson :'<%=basePath%>/File_manager_json',
allowFileManager : true,
afterCreate : function() {
self = this;
//根据id用ajax 如果id不等于 0 进行操作 用getNotices方法 取NoticesContentStr,如果id=0 NoticesContentStr=null
if(id!=null && id !=''){
K.ajax('<%=basePath%>notice/getNotice.do?id='+id, function(data) {
console.log(data);
self.html(data.data);
}, 'POST', {
});
}
}
});
prettyPrint();
});
//function clearInput(){
//清空KindEditor
//KindEditor.instances[0].html(""); //0表示第一个KindEditor编辑器对象
//}
//传送html到notice.jsp
function saveNew() {
var data=editor1.html();
parent.GetData(data);
}
function save(){
var data=editor1.html();
console.log(data);
KindEditor.ajax('<%=basePath%>/notice/upt.do', function(data) {
}, 'POST', {
id:id,
NoticeContentStr:data
});
}
</script>
</head>
<body>
<form id="example" method="post" >
<textarea name="content1" id="content1" cols="60" rows="8" style="width:100%;height:350px;visibility:hidden;"></textarea>
<input type="button" name="aa" id="aa" onclick="save()" value="提交" style="visibility:hidden;"/>
<input type="button" name="aaNew" id="aaNew" onclick="saveNew()" value="提交" style="visibility:hidden;"/>
</form>
</body>
</html>
servelt：根据kindeditor文件中jsp文件下的2个jsp，写5个servelt；
1.File_manager_json.java，先在webapp下创建attached文件夹
2.NameComparator.java
3.SizeComparator.java
4.TypeComparator.java
5.Upload_json.java
相关推荐
7. **许可证信息**: `license.txt`文件包含了KindEditor的许可证信息，使用该软件时应遵守其中的规定，尊重开源软件的版权。 总的来说，添加网络视频插件到KindEditor需要理解其架构，编写或配置适当的插件代码，并...
本文档主要介绍如何安装、部署及使用KindEditor，并提供了一些常见配置选项的说明。 #### 二、安装与部署 ##### 1. 下载编辑器 首先访问KindEditor官方网站 (http://www.kindsoft.net/down.php) 下载最新版本的...
这通常涉及解析视频链接，生成合适的嵌入代码（如iframe或video标签），并将其插入到编辑器中。对于上传本地视频，处理方式类似图片上传，只不过需要考虑视频文件的格式和大小限制。 “添加手机尺寸预览”意味着在...
2. 集成到KindEditor：将新插件引入到KindEditor的配置中，确保在编辑器实例化时能够加载并启用这个插件。 3. 调整图片上传代码：根据H5的File API，修改原有的上传代码，可能包括监听文件选择事件、创建FormData...
- 描述：配置编辑器工具栏的项目，使用“-”表示换行，“|”表示分隔符。 - 数据类型：Array - 默认值：`['source', '|']` 以上是KindEditor的核心功能和使用指南，希望能够帮助开发者更好地利用这款优秀的编辑...
- KindEditor的可视化操作是在新创建的`iframe`上执行的，因此需要在提交前使用`editor.sync()`方法将HTML数据同步到原始的`textarea`中。 - 默认情况下，KindEditor会自动寻找`textarea`所属的`form`元素，并在`...
在处理表单提交时，需要注意的一个关键点是，由于KindEditor是以IFrame形式存在，其内容不会自动填充到绑定的textarea中。因此，当用户完成编辑并提交表单时，必须通过JavaScript调用KindEditor的`sync()`方法，将...
在KindEditor中集成Swfupload，首先需要创建一个利用iframe的Swfupload上传页面，这个页面包含Swfupload的配置和处理文件上传的逻辑。上传页面通常会有一个SWF文件，用于与Flash交互，接收用户的文件选择并执行上传...
在使用 KindEditor 进行文本编辑时，一个常见的需求是实现图片上传功能，以便用户能够方便地将本地图片插入到编辑的内容中。本篇文章将详细介绍如何为 KindEditor 实现图片上传功能。 首先，我们需要理解 ...
`iframe`的使用也被控制，以防止恶意代码的注入。 通过这样的过滤机制，你可以有效地管理用户粘贴的内容，避免不安全的HTML代码和格式混乱的问题。同时，还可以根据实际需求自定义过滤规则，以满足不同场景下的安全...
需要注意的是，KindEditor的可视化操作在新创建的iframe上执行，代码模式下的textarea框也是新创建的，所以最后提交前需要执行sync()函数，以将HTML数据设置到原来的textarea。 KindEdit编辑器的其他特点 KindEdit...
- **items**: 配置编辑器的工具栏项，使用数组形式定义。“-”表示换行，“|”表示分隔符。 - 数据类型：Array - 默认值：`['source', '|']` 以上是关于KindEditor的基本介绍及其核心知识点的详细解析。希望这些...
3. 初始化编辑器：通过JavaScript调用KindEditor的API，设置编辑器的配置，如工具栏、语言、初始内容等。 4. 数据交互：编辑器中的内容可以通过JavaScript获取，并通过AJAX或表单提交方式发送到服务器端，服务器端的...
02 ip地址配置 03 虚拟机网络模式 04 三层隔离验证试验 第8章 01 上节课复习 02 软件包介绍 03 rpm软件包管理 04 yum软件包管理 05 源码安装python3.5 06 ssh服务 07 apache服务 08 samba服务 第9章 01 Python...
5uCMS CS(ASP UTF-8)版本采用ASP+ACCESS/MSSQL，使用前请在IIS环境下运行系统目录下 install.asp 文件进行安装。 5uCMS（无忧内容管理系统）CS版是纯净安装版，为了避免影响速度，没有加任何外部接口。 CS版非常适合...
KindEditor基本使用和文件操作 作业 第25周 今日内容概要 博客系统示例预览 组合搜索组件 JSONP跨域请求jQuery方式 JSONP跨域请求本质 XSS过滤以及单例模式 博客系统表结构讲解 博客系统功能讲解 CMDB介绍 CMDB...
SmartMarkUP支持多种标记语言，如HTML、CSS、XML、Wiki语法、BBCode等，并且可以独立于任何JavaScript框架进行配置和使用。 4. KindEditor是一款基于浏览器的所见即所得HTML编辑器，主要被应用于CMS、论坛、博客等...
增加 针对 PHPWind 8.7 禁用 IFrame 的问题，特别新增 UBB 调用表单引用代码，感谢 大唐网 提供建议 增加 表单新增用户选项组数据"显示到结果页"功能，感谢 大舟山网 提供建议 增加 "意见反馈"模块，可以应用于全...