CKEditor如何实现复制粘贴功能

ckeditorapplet

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你是想实现和QQ空间一样的效果吧，就是复制本地文件，然后在CK中粘贴后自动将图片文件上传到服务器中。这个需求需要借助于控件才能实现。你在网上搜一下有成熟的控件。
楼主试试这个控件：http://www.cnblogs.com/xproer/archive/2011/04/08/2009500.html
1.FCKEditor2.x。从剪帖板，本地硬盘，第三方软件或Word文档中复制图片，然后点击编辑器工具栏中的”粘贴图片”按钮。图片将自动上传到Web服务器中.2.FCKEditor2.x编辑器。上传成功3.CKEditor3.x编辑器。4.CKEditor3.x-粘贴Excel5.KindEditor3.x-粘贴图片6.KindEditor4.x-粘贴Excel7.UEditor1.x编辑器
Xproer.WordPaster整合代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>WordPaster For FCKEditor-2.x</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <link type="text/css" rel="Stylesheet" href="WordPaster/css/WordPaster.css"/>
<link type="text/css" rel="stylesheet" href="WordPaster/css/ui-lightness/jquery-ui-1.8.11.custom.css" />
    <script type="text/javascript" src="WordPaster/js/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="WordPaster/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="WordPaster/js/WordPaster.js" charset="utf-8"></script>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
</head>
<body>
<!—textarea控件,FCK编辑器需要借助于这个控件创建-->
<textarea id="txtContent" name="txtContent" cols="1" rows="1"></textarea>

<script language="javascript" type="text/javascript">
var pstMgr = new PasterManager();
pstMgr.Config["PostUrl"] = "http://localhost:10727/asp.net/upload.aspx";
pstMgr.Load();//加载控件 var fck = new FCKeditor('txtContent');
fck.BasePath = "fckeditor/";
//oFCKeditor.ToolbarSet = "Basic";
fck.Height = 300;
fck.Value = '';
fck.ReplaceTextarea();//将上面的textarea替换成FCK编辑器，这样服务端可以通过Request.Form["txtContent"]取到数据 //初始化编辑器
function FCKeditor_OnComplete(editorInstance)
{
pasterMgr.Init(editorInstance);
}
</script>
</body>
</html>
Xproer.WordPaster：http://www.cnblogs.com/xproer/archive/2011/04/08/2009500.htmlXproer.WordPaster整合代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>WordPaster For FCKEditor-2.x</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <link type="text/css" rel="Stylesheet" href="WordPaster/css/WordPaster.css"/>
<link type="text/css" rel="stylesheet" href="WordPaster/css/ui-lightness/jquery-ui-1.8.11.custom.css" />
    <script type="text/javascript" src="WordPaster/js/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="WordPaster/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="WordPaster/js/WordPaster.js" charset="utf-8"></script>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
</head>
<body>
<!—textarea控件,FCK编辑器需要借助于这个控件创建-->
<textarea id="txtContent" name="txtContent" cols="1" rows="1"></textarea>

<script language="javascript" type="text/javascript">
var pstMgr = new PasterManager();
pstMgr.Config["PostUrl"] = "http://localhost:10727/asp.net/upload.aspx";
pstMgr.Load();//加载控件 var fck = new FCKeditor('txtContent');
fck.BasePath = "fckeditor/";
//oFCKeditor.ToolbarSet = "Basic";
fck.Height = 300;
fck.Value = '';
fck.ReplaceTextarea();//将上面的textarea替换成FCK编辑器，这样服务端可以通过Request.Form["txtContent"]取到数据 //初始化编辑器
function FCKeditor_OnComplete(editorInstance)
{
pasterMgr.Init(editorInstance);
}
</script>
</body>
</html>收藏了，刚测试了下确实不错，解决了我们项目中的一个大问题。客户测试也比较满意。
知识导入模板

*知识标题：留学生如何申报职称？测试知识编码：注：编码长度必须介于1和10 知识类型:::热点问答:::不存在
*知识类型：热点问答
关键字：留学生注：多个使用英文逗号(",")隔开来源： "E:\工作文件夹\12333\12333知识库\人才资源与就业服务中心\人才资源中心问题解答\9.企业用工备案类常见问题解答.doc
"
生效开始日期： 2014/8/12 生效结束日期： 2014/10/12
是否新知识：否注：是/否新知识有效期： 2034/10/12
允许外网访问：不允许注：允许/不允许

标题-条目
是否作为导航：是注：是/否排序：
*子标题：问题
*条目内容：如何网上申报用工登记？

正文-条目
是否作为导航：否注：是/否排序：
*子标题：解答
*条目内容： <html>答：用人单位可在珠海市人力资源和社会保障局官网（http://www.zhrsj.gov.cn/）首页右下角的“快速通道”中点击“企业申报”进行单位注册，填写相应信息后下载附表，将附表交回所属劳动部门办事窗口，由工作人员确认后，即可开通网上申报用工登记业务。</html>