当前位置:编程学习 > JAVA >>

java实现ckeditor编辑器粘贴word内容,word里面图片默认上传

  从word里面复制内容(内容里面包括图片),把这些内容粘贴到到ckeditor编辑器里面,图片是看不到的(因为访问权限的问题),如果避开这一点,相应的图片位置重新上传图片,这样操作又过于累赘。

现在我想实现一个功能,就是粘贴word内容的时候,图片会默认上传到ckeditor所在的web服务器上。

希望看到帖子的朋友能给个方案。如果没有方案的话,给个技术方面的建议也好。
java ckeditor word 图片 --------------------编程问答--------------------
引用 楼主 simusuishi 的回复:
  从word里面复制内容(内容里面包括图片),把这些内容粘贴到到ckeditor编辑器里面,图片是看不到的(因为访问权限的问题),如果避开这一点,相应的图片位置重新上传图片,这样操作又过于累赘。

现在我想实现一个功能,就是粘贴word内容的时候,图片会默认上传到ckeditor所在的web服务器上。

希望看到帖子的朋友能给个方案。如果没有方案的话,给个技术方面的建议也好。
这个要借助于第三方控件来实现。你可以在网上搜一下Word图片上传控件。网上应该有一些成熟的解决方案。 --------------------编程问答--------------------
引用 楼主 simusuishi 的回复:
  从word里面复制内容(内容里面包括图片),把这些内容粘贴到到ckeditor编辑器里面,图片是看不到的(因为访问权限的问题),如果避开这一点,相应的图片位置重新上传图片,这样操作又过于累赘。

现在我想实现一个功能,就是粘贴word内容的时候,图片会默认上传到ckeditor所在的web服务器上。

希望看到帖子的朋友能给个方案。如果没有方案的话,给个技术方面的建议也好。
楼主试试这个控件: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-粘贴Excel

5.KindEditor3.x-粘贴图片

6.KindEditor4.x-粘贴Excel


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>
<!--创建FCKEditor控件-->
<script language="javascript" type="text/javascript">
var pasterMgr = new PasterManager();
pasterMgr.Config["PostUrl"] = "http://localhost:10727/asp.net/upload.aspx";
pasterMgr.Load();//加载控件

var oFCKeditor = new FCKeditor('txtContent');
oFCKeditor.BasePath = "fckeditor/";
//oFCKeditor.ToolbarSet = "Basic";
oFCKeditor.Height = 300;
oFCKeditor.Value = '';
oFCKeditor.ReplaceTextarea();//将上面的textarea替换成FCK编辑器,这样服务端可以通过Request.Form["txtContent"]取到数据

//初始化编辑器
function FCKeditor_OnComplete(editorInstance)
{
pasterMgr.Init(editorInstance);
}
</script>
</body>
</html>

IE(X86)示例下载:
cab安装包(x86)
cab安装包(x64)
xpi安装包
crx安装包
exe安装包
开发文档
ASP.NET-FCKEditor2.x示例
ASP.NET-CKEditor3.x示例
ASP.NET-CKEditor4.x示例
ASP.NET-KindEditor3.x示例
ASP.NET-KindEditor4.x示例
JSP-FCKEditor2.x示例
JSP-CKEditor3.x示例
JSP-CKEditor4.x示例
JSP-KindEditor3.x示例
JSP-KindEditor4.x示例
PHP-FCKEditor2.x示例
PHP-CKEditor3.x示例
PHP-CKEditor4.x示例
PHP-KindEditor3.x示例
PHP-KindEditor4.x示例

Chrome,Firefox,IE(x86),IE(x64)整合示例下载:
ASP.NET-FCKEditor2.x示例
ASP.NET-CKEditor3.x示例
ASP.NET-CKEditor4.x示例
ASP.NET-KindEditor3.x示例
ASP.NET-KindEditor4.x示例
JSP-FCKEditor2.x示例
JSP-CKEditor3.x示例
JSP-CKEditor4.x示例
JSP-KindEditor3.x示例
JSP-KindEditor4.x示例
PHP-FCKEditor2.x示例
PHP-CKEditor3.x示例
PHP-CKEditor4.x示例
PHP-KindEditor3.x示例
PHP-KindEditor4.x示例
--------------------编程问答--------------------
引用 2 楼 cnetfcwra 的回复:
Quote: 引用 楼主 simusuishi 的回复:

Xproer.WordPaster:http://www.cnblogs.com/xproer/archive/2011/04/08/2009500.html

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>
<!--创建FCKEditor控件-->
<script language="javascript" type="text/javascript">
var pasterMgr = new PasterManager();
pasterMgr.Config["PostUrl"] = "http://localhost:10727/asp.net/upload.aspx";
pasterMgr.Load();//加载控件

var oFCKeditor = new FCKeditor('txtContent');
oFCKeditor.BasePath = "fckeditor/";
//oFCKeditor.ToolbarSet = "Basic";
oFCKeditor.Height = 300;
oFCKeditor.Value = '';
oFCKeditor.ReplaceTextarea();//将上面的textarea替换成FCK编辑器,这样服务端可以通过Request.Form["txtContent"]取到数据

//初始化编辑器
function FCKeditor_OnComplete(editorInstance)
{
pasterMgr.Init(editorInstance);
}
</script>
</body>
</html>

IE(x86)示例下载:
cab安装包(x86)
cab安装包(x64)
xpi安装包
crx安装包
exe安装包
开发文档
ASP.NET-FCKEditor2.x示例
ASP.NET-CKEditor3.x示例
ASP.NET-CKEditor4.x示例
ASP.NET-KindEditor3.x示例
ASP.NET-KindEditor4.x示例
JSP-FCKEditor2.x示例
JSP-CKEditor3.x示例
JSP-CKEditor4.x示例
JSP-KindEditor3.x示例
JSP-KindEditor4.x示例
PHP-FCKEditor2.x示例
PHP-CKEditor3.x示例
PHP-CKEditor4.x示例
PHP-KindEditor3.x示例
PHP-KindEditor4.x示例

Chrome,Firefox,IE(x86),IE(x64)整合示例下载:
ASP.NET-FCKEditor2.x示例
ASP.NET-CKEditor3.x示例
ASP.NET-CKEditor4.x示例
ASP.NET-KindEditor3.x示例
ASP.NET-KindEditor4.x示例
JSP-FCKEditor2.x示例
JSP-CKEditor3.x示例
JSP-CKEditor4.x示例
JSP-KindEditor3.x示例
JSP-KindEditor4.x示例
PHP-FCKEditor2.x示例
PHP-CKEditor3.x示例
PHP-CKEditor4.x示例
PHP-KindEditor3.x示例
PHP-KindEditor4.x示例
强~!这是我目前见过的最全的示例了。收下了,谢谢。 --------------------编程问答--------------------
引用 1 楼 activexme 的回复:
Quote: 引用 楼主 simusuishi 的回复:

  从word里面复制内容(内容里面包括图片),把这些内容粘贴到到ckeditor编辑器里面,图片是看不到的(因为访问权限的问题),如果避开这一点,相应的图片位置重新上传图片,这样操作又过于累赘。

现在我想实现一个功能,就是粘贴word内容的时候,图片会默认上传到ckeditor所在的web服务器上。

希望看到帖子的朋友能给个方案。如果没有方案的话,给个技术方面的建议也好。
这个要借助于第三方控件来实现。你可以在网上搜一下Word图片上传控件。网上应该有一些成熟的解决方案。

话说除了3楼说的那个需要花钱的,我还真没有找到其他的。 --------------------编程问答--------------------
引用 2 楼 cnetfcwra 的回复:
Quote: 引用 楼主 simusuishi 的回复:

  从word里面复制内容(内容里面包括图片),把这些内容粘贴到到ckeditor编辑器里面,图片是看不到的(因为访问权限的问题),如果避开这一点,相应的图片位置重新上传图片,这样操作又过于累赘。

现在我想实现一个功能,就是粘贴word内容的时候,图片会默认上传到ckeditor所在的web服务器上。

希望看到帖子的朋友能给个方案。如果没有方案的话,给个技术方面的建议也好。
楼主试试这个控件: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-粘贴Excel

5.KindEditor3.x-粘贴图片

6.KindEditor4.x-粘贴Excel


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>
<!--创建FCKEditor控件-->
<script language="javascript" type="text/javascript">
var pasterMgr = new PasterManager();
pasterMgr.Config["PostUrl"] = "http://localhost:10727/asp.net/upload.aspx";
pasterMgr.Load();//加载控件

var oFCKeditor = new FCKeditor('txtContent');
oFCKeditor.BasePath = "fckeditor/";
//oFCKeditor.ToolbarSet = "Basic";
oFCKeditor.Height = 300;
oFCKeditor.Value = '';
oFCKeditor.ReplaceTextarea();//将上面的textarea替换成FCK编辑器,这样服务端可以通过Request.Form["txtContent"]取到数据

//初始化编辑器
function FCKeditor_OnComplete(editorInstance)
{
pasterMgr.Init(editorInstance);
}
</script>
</body>
</html>

IE(X86)示例下载:
cab安装包(x86)
cab安装包(x64)
xpi安装包
crx安装包
exe安装包
开发文档
ASP.NET-FCKEditor2.x示例
ASP.NET-CKEditor3.x示例
ASP.NET-CKEditor4.x示例
ASP.NET-KindEditor3.x示例
ASP.NET-KindEditor4.x示例
JSP-FCKEditor2.x示例
JSP-CKEditor3.x示例
JSP-CKEditor4.x示例
JSP-KindEditor3.x示例
JSP-KindEditor4.x示例
PHP-FCKEditor2.x示例
PHP-CKEditor3.x示例
PHP-CKEditor4.x示例
PHP-KindEditor3.x示例
PHP-KindEditor4.x示例

Chrome,Firefox,IE(x86),IE(x64)整合示例下载:
ASP.NET-FCKEditor2.x示例
ASP.NET-CKEditor3.x示例
ASP.NET-CKEditor4.x示例
ASP.NET-KindEditor3.x示例
ASP.NET-KindEditor4.x示例
JSP-FCKEditor2.x示例
JSP-CKEditor3.x示例
JSP-CKEditor4.x示例
JSP-KindEditor3.x示例
JSP-KindEditor4.x示例
PHP-FCKEditor2.x示例
PHP-CKEditor3.x示例
PHP-CKEditor4.x示例
PHP-KindEditor3.x示例
PHP-KindEditor4.x示例

为什么我一打开ckeditor这个演示,我的ie就卡死呢? --------------------编程问答-------------------- --------------------编程问答-------------------- 要不然,你索性就用第三方的PageOffice,直接在网页上打开、显示、编辑、保存word文档,标准doc、docx格式,就什么烦恼都没有了 --------------------编程问答--------------------
引用 6 楼 GOLF_R20 的回复:

有啥不清楚的吗 --------------------编程问答--------------------
引用 7 楼 xingyun 的回复:
要不然,你索性就用第三方的PageOffice,直接在网页上打开、显示、编辑、保存word文档,标准doc、docx格式,就什么烦恼都没有了

我看了PageOffice的在线演示,真的不错。在html上编辑word了。word的功能倒是体现的很强大,不过我感觉它就真的就是在编辑word了,相对于ckeditor,就没有了灵活的嵌套方式。
很感谢你! --------------------编程问答--------------------
引用 5 楼 simusuishi 的回复:
Quote: 引用 2 楼 cnetfcwra 的回复:

Quote: 引用 楼主 simusuishi 的回复:

  从word里面复制内容(内容里面包括图片),把这些内容粘贴到到ckeditor编辑器里面,图片是看不到的(因为访问权限的问题),如果避开这一点,相应的图片位置重新上传图片,这样操作又过于累赘。

现在我想实现一个功能,就是粘贴word内容的时候,图片会默认上传到ckeditor所在的web服务器上。

希望看到帖子的朋友能给个方案。如果没有方案的话,给个技术方面的建议也好。
楼主试试这个控件: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-粘贴Excel

5.KindEditor3.x-粘贴图片

6.KindEditor4.x-粘贴Excel


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>
<!--创建FCKEditor控件-->
<script language="javascript" type="text/javascript">
var pasterMgr = new PasterManager();
pasterMgr.Config["PostUrl"] = "http://localhost:10727/asp.net/upload.aspx";
pasterMgr.Load();//加载控件

var oFCKeditor = new FCKeditor('txtContent');
oFCKeditor.BasePath = "fckeditor/";
//oFCKeditor.ToolbarSet = "Basic";
oFCKeditor.Height = 300;
oFCKeditor.Value = '';
oFCKeditor.ReplaceTextarea();//将上面的textarea替换成FCK编辑器,这样服务端可以通过Request.Form["txtContent"]取到数据

//初始化编辑器
function FCKeditor_OnComplete(editorInstance)
{
pasterMgr.Init(editorInstance);
}
</script>
</body>
</html>

IE(X86)示例下载:
cab安装包(x86)
cab安装包(x64)
xpi安装包
crx安装包
exe安装包
开发文档
ASP.NET-FCKEditor2.x示例
ASP.NET-CKEditor3.x示例
ASP.NET-CKEditor4.x示例
ASP.NET-KindEditor3.x示例
ASP.NET-KindEditor4.x示例
JSP-FCKEditor2.x示例
JSP-CKEditor3.x示例
JSP-CKEditor4.x示例
JSP-KindEditor3.x示例
JSP-KindEditor4.x示例
PHP-FCKEditor2.x示例
PHP-CKEditor3.x示例
PHP-CKEditor4.x示例
PHP-KindEditor3.x示例
PHP-KindEditor4.x示例

Chrome,Firefox,IE(x86),IE(x64)整合示例下载:
ASP.NET-FCKEditor2.x示例
ASP.NET-CKEditor3.x示例
ASP.NET-CKEditor4.x示例
ASP.NET-KindEditor3.x示例
ASP.NET-KindEditor4.x示例
JSP-FCKEditor2.x示例
JSP-CKEditor3.x示例
JSP-CKEditor4.x示例
JSP-KindEditor3.x示例
JSP-KindEditor4.x示例
PHP-FCKEditor2.x示例
PHP-CKEditor3.x示例
PHP-CKEditor4.x示例
PHP-KindEditor3.x示例
PHP-KindEditor4.x示例

为什么我一打开ckeditor这个演示,我的ie就卡死呢?
在IE上面他这个是要安装一个ActiveX控件,如果你的IE假死的话,说明你的IE缺少系统组件,你的系统是不是ghost的?有没有打最新的补丁?

或者你也可以尝试使用他们官网提供的exe安装程序来安装插件,这样就避免IE安装。 --------------------编程问答-------------------- 这个功能用Java Applet也是非常好实现的,可以自动将粘贴过来的WORD中的本地图片上传到服务器。用ACTIVEX的最大问题是只支持IE,用JAVA的跨平台性能要好一些,参考实现见:http://test.reremouse.com/wordimg --------------------编程问答-------------------- --------------------编程问答-------------------- 楼主,找到解决问题的方案了没有 --------------------编程问答-------------------- 与楼主有相同的困扰,如果解决望分享!slbyl@qq.com --------------------编程问答-------------------- 奇怪了,本地测试一切正常。部署到服务器,就歇菜了...郁闷死。是不是有什么特定的端口需要开放。部署到服务器后,图片上传的控件出不来了。郁闷求大师解决。。。在线等,急死了
--------------------编程问答-------------------- 可以看下csdn博客的编辑器 --------------------编程问答-------------------- 貌似UEditor编辑器 然后装了它插件以后就可以实现这个功能 --------------------编程问答-------------------- 我也是这个问题,希望有人可以帮忙,
用ckeditor编译器,希望提交的时候文本域中的图片可以上传到服务器上, --------------------编程问答--------------------
引用 17 楼 qq2511296 的回复:
貌似UEditor编辑器 然后装了它插件以后就可以实现这个功能

ckeditor 好像是对本地图片的上传吧,要的结果是文本域中的图片也可以提交到服务器上 --------------------编程问答-------------------- 在ie中我粘贴图片,图片是看不到的,源码图片的地址是c盘历史文件夹。但是生成word下载到本地是可以看到的。在火狐中,粘贴图片是可以看到的,源码图片是base64码,但是生成word,word文件打不开有错误。如果做单独的在界面中看会实现,但到处word,浏览器兼容方面出现了问题。 --------------------编程问答-------------------- 临时文件夹。 --------------------编程问答-------------------- 目前我想在ie中粘贴图片的时候把图片转成base64码显示,后台导出时将base64码生成图片。没有别的思路了
补充:Java ,  Web 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,