创建一个图文并茂的调查

怼烎@ 2021-12-17 00:47 424阅读 0赞

SharePoint的调查列表默认只支持简单的文字调查, 并不能满足大部分时候的需求, 自己自定义出一个漂亮点的调查很需要费一番工夫, 为了让大部分对开发知之甚少的SharePoint管理员或者高级用户能够方便的制作一个图文并茂的调查,特写此文.

第一步：建立一个普通的调查列表。

[![image][]][image 1]

第二步：在SharePoint Designer中打开这个调查，上传一个图片备用。

[![image][image 2]][image_image 2]

第三步：在SharePoint Designer中间新建一个HTML页面，复制这个问题的显示样式

[![image][image 3]][image_image 3]

第四步：将生成的代码复制下来，粘贴到调查问题中间去（注意，要包括Table标记）

[![image][image 4]][image_image 4]

预览一下：

[![image][image 5]][image_image 5]

第五步：将下面JavaScript代码复制到各个文件去

document.getElementsByTagName('Table').item(0).outerHTML

document.getElementsByTagName('Table').item(0).outerHTML.replace(/</g,'<').replace(/>/g,'>');

小技巧：如果你不知道什么地方应该放这些代码，你就寻找文件中如下代码段，里面有一段JavaScript代码只要把你的代码放在下面就可以了。

[![image][image 6]][image_image 6]

预览结果：

[![image][image 7]][image_image 7]

说明：

这里JavaScript代码的作用就是把被SharePoint转义的字符再次转回来，这样图片等HTML格式就能够正常显示了。

更新 \[2009-11-02\]:

Thanks for Mike Sharp’s idea here: [ http://social.technet.microsoft.com/Forums/en-US/sharepointcustomization/thread/8b97bc31-f72d-4104-bd40-d8d72a8f7fbf][http_social.technet.microsoft.com_Forums_en-US_sharepointcustomization_thread_8b97bc31-f72d-4104-bd40-d8d72a8f7fbf]

There should be a potential for XSS, and narrow the scope of what gets un-escaped should reduce the risks:

For DispForm, NewForm and EditForm pages. using  
document.getElementById('onetIDListForm').rows\[0\].cells\[0\].innerHTML = document.getElementById('onetIDListForm').rows\[0\].cells\[0\].innerHTML.replace(/</g,'<').replace(/>/g,'>');  
For the Summary page doesn't have the same onetIDListForm cell, using the ID of the web part zone TD cell:  
document.getElementById('MSOZoneCell\_WebPartWPQ2').innerHTML = document.getElementById('MSOZoneCell\_WebPartWPQ2').innerHTML.replace(/</g,'<').replace(/>/g,'>');

转载于:https://www.cnblogs.com/luofeng99/archive/2011/12/15/2297804.html

[image]: /images/20211214/f4678ab006c44925a69da6b6fd726c85.png
[image 1]: http://images.cnblogs.com/cnblogs_com/lambertqin/WindowsLiveWriter/1feb14745ff9_E1AB/image_2.png
[image 2]: https://images.cnblogs.com/cnblogs_com/lambertqin/WindowsLiveWriter/1feb14745ff9_E1AB/image_thumb_1.png
[image_image 2]: /images/20211214/d66a189bdf224771a9606e0cfc6dfd99.png
[image 3]: https://images.cnblogs.com/cnblogs_com/lambertqin/WindowsLiveWriter/1feb14745ff9_E1AB/image_thumb_7.png
[image_image 3]: /images/20211214/b33b4e1ead034761a0cb4897a60e4de7.png
[image 4]: https://images.cnblogs.com/cnblogs_com/lambertqin/WindowsLiveWriter/1feb14745ff9_E1AB/image_thumb_3.png
[image_image 4]: /images/20211214/8dceaa4b3d5c41a48f912c4366a4e557.png
[image 5]: https://images.cnblogs.com/cnblogs_com/lambertqin/WindowsLiveWriter/1feb14745ff9_E1AB/image_thumb_4.png
[image_image 5]: /images/20211214/9031cfa3a40c40d08847dbade8042b53.png
[image 6]: https://images.cnblogs.com/cnblogs_com/lambertqin/WindowsLiveWriter/1feb14745ff9_E1AB/image_thumb_2.png
[image_image 6]: /images/20211214/d69c7d5addfa4c01b3ab1369d0e76320.png
[image 7]: https://images.cnblogs.com/cnblogs_com/lambertqin/WindowsLiveWriter/1feb14745ff9_E1AB/image_thumb_5.png
[image_image 7]: /images/20211214/2507b521fe54495ba491b2ca9ea02471.png
[http_social.technet.microsoft.com_Forums_en-US_sharepointcustomization_thread_8b97bc31-f72d-4104-bd40-d8d72a8f7fbf]: http://social.technet.microsoft.com/Forums/en-US/sharepointcustomization/thread/8b97bc31-f72d-4104-bd40-d8d72a8f7fbf