博客园  :: 首页  :: 联系 :: 订阅 订阅  :: 管理

SharePoint2010 ContentEditorWebPart的一个bug

Posted on 2010-12-31 10:44  生鱼片  阅读(1828)  评论(1编辑  收藏  举报

1.在CEWP中使用CSS

CEWP是SharePoint 2010中一个内置的webpart,我们可以在CEWP中使用自定义的CSS和JS,下面我们在CEWP中使用自定义的CSS来隐藏左边栏,在页面中添加CEWP:

clip_image002

在CEWP的HTML Source中输入下面css代码:

clip_image004

<style type="text/css">

body #s4-leftpanel{display:none;}

.s4-ca {margin-left:0px}

</style>

2.Bug重现

我们一样也可以在CEWP中使用js,不过在使用js的时候有个小bug,就是我们如果使用document.write的时候,每次保存都会复制一份write的内容。我们同样通过上面的方式添加一段js:

clip_image006

保存后显示正常

clip_image008

如果你再次编辑WebPart保存后就会出现重复了

clip_image010

3.解决bug

要解决这个bug其实很简单,你只要将js写到.js文件中,然后将源文件上传到文档库中,在CEWP中使用link的方式就可以了,如下图:

clip_image012