如何实现SP文档库类似百度文档库的效果 (副标题:如何在SP2013文档库的SWF文件用FlexPager显示)

1、 编辑文档库列表显示页面,如下图:

clip_image002

2、 添加内容编辑器,如下图:

clip_image004

3、 添加如下在【内容编辑器中】-【编辑源】,添加如下JS代码,如下图:

clip_image006

clip_image008

代码如下:

<scrip type="text/javascript" src="/SiteAssets/jquery-1.4.1.js"></script>

<script type="text/javascript">

$(function () {

//强制文档库文档下载

$("a[onclick*='DispEx']").each(function () {

var href = this.href;

if(href.indexOf(".swf")>=0)

{

this.href = 'http://192.168.56.146:8001/_layouts/15/SharePointProject2/FlexPaper/index.html?SourceUrl=' + this.href;

this.target="_blank";

}

});

$("a[onclick*='DispEx']").removeAttr('onclick');

});

</script> ​​​​​​​​​​​​​​​​​​​

4、 确定保存页面。

5、 测试,在文档库中上传SWF文件,打开效果图如下:

clip_image010

clip_image012

提示:

Ø 如何实现SP的文档库类似百度文档库的效果,可以在后台运行windows服务或TimerJob把上传的各种文档变成SWF文件。

Ø 前提把PPT\Word\Excel\Txt以及其他文件转成PDF文件

Ø 采用PDF2SWF把PDF转成SWF(PDF文件不能加密,否则无法转换)

PDF2SWF

下载地址:http://www.swftools.org/download.html

注意:中文名称谷歌和火狐浏览器问题

这个2个浏览器默认开始URL地址编码。如下图:

clip_image014

如果用手工一个个客户端去关闭不现实。只有用代码判断是否为火狐和谷歌浏览器,如果不是则中文的要编码,如下图:

clip_image016

posted @ 2014-07-16 17:12  love007  阅读(379)  评论(1编辑  收藏  举报