客户提出一个变态的问题
想给fckeditor添加一个导入word,wps文档的功能。
弄了6个小时总算弄出来了。
下面是代码:
<script type="text/javascript">
function importWord(){
//获取文件路径
var filepath=document.getElementById("importfile").value;
if(filepath=="" || filepath.substr(filepath.length-4,4)!=".doc"){
alert("请选择正确的word文档!");
return false;
}else{
//另存为word,使内容变为html
var oWordApp=new ActiveXObject("Word.Application");
var oDocument=oWordApp.Documents.Open(filepath);
oDocument.SaveAs(filepath.substring(0,filepath.length-4)+".html", 8);
oWordApp.Quit();
//读取htm文件内容
var fso = new ActiveXObject("Scripting.FileSystemObject");
var file = fso.OpenTextFile(filepath.substring(0,filepath.length-4)+".html");
var text=file.ReadAll();
file.Close();
//设置fckeditor的内容
FCKeditorAPI.GetInstance("documentContent").SetHTML(FCKeditorAPI.GetInstance("documentContent").GetXHTML(true)+text,false);
var fso,f1;
fso=new ActiveXObject("Scripting.FileSystemObject");
f1= fso.GetFile(filepath.substring(0,filepath.length-4)+".html");
f1.Delete();
}
}
</script>
Word:<input type="file" id="importfile"/><input type="button" value="导入" onclick="importWord()"/>
<br/>
<script type="text/javascript" >
function importWps(){
//获取文件路径
var filepath=document.getElementById("importfilewps").value;
if(filepath=="" || filepath.substr(filepath.length-4,4)!=".wps"){
alert("请选择正确的Wps文档!");
return false;
}else{
var WpsApp =new ActiveXObject("WPS.Application");
WpsApp.Visible=true;
var oDocument=WpsApp.Documents.Open(filepath);
oDocument.SaveAs(filepath.substring(0,filepath.length-4)+".html", 8);
WpsApp.Quit();
//读取htm文件内容
var fso = new ActiveXObject("Scripting.FileSystemObject");
var file = fso.OpenTextFile(filepath.substring(0,filepath.length-4)+".html");
var text=file.ReadAll();
file.Close();
//设置fckeditor的内容
FCKeditorAPI.GetInstance("documentContent").SetHTML(FCKeditorAPI.GetInstance("documentContent").GetXHTML(true)+text,false);
var fso,f1;
fso=new ActiveXObject("Scripting.FileSystemObject");
f1= fso.GetFile(filepath.substring(0,filepath.length-4)+".html");
f1.Delete();
}
}
</script>
wps:<input type="file" id="importfilewps"/><input type="button" value="导入" onclick="importWps()"/>
<FCK:editor id="documentContent" toolbarStartExpanded="true" basePath="/fckeditor/"
imageBrowserURL="/fckeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/fckeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/fckeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/fckeditor/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/fckeditor/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/fckeditor/editor/filemanager/upload/simpleuploader?Type=Flash"
>
</FCK:editor>
转自:http://blog.csdn.net/vkqiang/archive/2010/03/25/5416427.aspx
分享到:
相关推荐
默认的Fckeditor具有从ms word粘贴的功能, 但是当你的word文档中包含图片的时候, 就会出现无法显示图片的错误, 在这里我们要实现直接导入word文档,如果其中包含图片,则自动分离图片并上传到服务器后在fckeditor中...
本文将详细探讨"带word导入的fckeditor编辑器"这一主题,包括其特点、功能以及如何实现word文档的导入。 首先,FCKeditor(全称:FCKeditor - The Open Source Web Content Editor)是一款开源的JavaScript富文本...
### FCKeditor 添加行距功能实现详解 #### 一、背景介绍 FCKeditor是一款流行的富文本编辑器,被广泛应用于各种网站项目中。然而,早期版本的FCKeditor并没有提供直接设置行距的功能,这对于追求高质量排版的用户...
FckEditor有一个Word黏贴功能,不过如果Word中包含图片,则图片是不能显示的,因为图片不能自动上传到服务器,正好最近做的一个项目有这个需求,就研究了一下如何实现类似eWebEditor的Word文档的导入,我所用的是DNN...
3. **插件扩展**: FCKEditor支持插件扩展,你可以根据需求添加或开发新的功能,如代码高亮、视频插入等。 ### 四、常见问题与解决方法 1. **编辑器显示不全**: 确保你的页面使用了正确的DOCTYPE声明,并且没有CSS...
在网页编辑领域,FCKeditor是一款非常流行的开源富文本编辑器,它允许用户在网页上进行类似Word的文本编辑体验。对于网页内容的排版,行距调整是必不可少的一个环节,因为它直接影响到阅读的舒适度和整体布局的美观...
**FCKeditor Word控件** 是一款用于网页编辑的组件,尤其在JSP应用程序中广泛使用,它提供了类似Word的功能,使得用户可以在浏览器环境中进行文本编辑、格式化、插入图片等操作,极大地提升了网页交互体验。...
4. **可扩展性**:FckEditor支持插件开发,开发者可以自定义工具栏按钮或添加新的功能。压缩包中可能包含了一些示例插件,你可以通过阅读文档了解如何创建和集成自己的插件。 5. **与服务器端语言的兼容**:...
FCK作为开源的文章编辑器,很受欢迎,却没有文件删除功能。 改造目标: 提升FCK的功能,提供删除文件和文件夹的管理功能。 方案思路: 1:在点击“浏览服务器”按钮打开的新页面,在文件夹和文件列表中添加删除...
在IT领域,FCKeditor是一款曾经非常流行的开源富文本编辑器,它允许用户在网页上进行类似Word的文本编辑操作。这个编辑器以其强大的功能和灵活性受到开发者的喜爱。现在,我们将深入探讨如何在FCKeditor中添加自动...
- **新功能**: 可能新增了一些功能或改进了原有功能,例如更好的图片上传和管理。 5. **中文帮助文档** - **安装指南**: 提供了安装和配置FCKeditor的步骤,包括如何将其集成到自己的项目中。 - **使用教程**: ...
最后,要在FCKeditor的工具栏上添加一个按钮来触发SWFUpload,可以在`fckconfig.js`中找到`ToolbarSets`配置,添加新的按钮并关联到SWFUpload插件。 通过以上步骤,你就成功地在FCKeditor中集成了SWFUpload功能,...
"FCKeditor添加删除上传文件(图片)的功能" FCKeditor 是一款功能强大的开源在线文本编辑器(DHTML editor),它使用户在 web 上可以使用类似微软 Word 的桌面文本编辑器的许多强大功能。添加删除上传文件(图片)的...
FCKEditor是一款流行的开源在线文本编辑器,它提供了丰富的功能,使得网页内容的编辑和管理变得更为便捷。然而,由于默认配置的原因,它可能不支持直接使用中文字体。以下是如何在FCKEditor中添加并使用中文字体的...
《Fckeditor中文文档》 Fckeditor是一款优秀的在线文本编辑器,以其卓越的性能和便捷的使用体验而受到广泛欢迎。它的加载速度快,相比其他如CUTEEDITOR等编辑器,Fckeditor在保持强大功能的同时,避免了文件加载...
本文将详细讲解如何为FCKeditor添加多文件批量上传组件,以实现多图上传的功能。 首先,我们需要了解FCKeditor的基本架构。FCKeditor的核心是一个JavaScript库,它通过在网页上创建一个富文本编辑区域,允许用户像...
本文将详细讨论如何在FCKeditor 2.6版本中添加插入视频和音频的功能,以及涉及到的相关技术知识点。 首先,我们需要理解FCKeditor的基本架构。FCKeditor由多个组件构成,包括核心编辑器部分、插件系统、皮肤、语言...
自己写的 FckEditor 入门文档 文档中包括FckEditor 介绍、配置、实例讲解和拷贝网上其它例子文章等,已经算是很全面的文档了,20多页的PDF。 还额外赠送Demo实例,直接用Tomcat就可以运行,配置都弄好了,jar包都...