在网页编辑器中粘贴时如何保留Word中的表格?
问题:在后台的网页编辑器中粘贴Word的文档时,如何在去除Word多余的代码的同时,保留Word中的表格样式?
解决:在SiteFactory中提供了FCKeditor编辑器,利用编辑器中“从 MS Word 粘贴”功能按钮,即可既去除Word多余的代码,同时保留Word中的一些样式,如表格等。
操作方法:
1、进入SiteFactory系统后台,在添加信息的管理界面中,可以看到“从 MS Word 粘贴”功能按钮:
2、从Word中复制相关内容后,单击“从 MS Word 粘贴”功能按钮,在出现的窗口中使用键盘快捷键“Ctrl+V”,将Word中复制的内容粘贴到窗口的内容框中,同时勾选下方“忽略Font标签”和“清理CSS样式”复选框后,单击“确定”按钮:
3、在编辑器内容框中,即可看到表格格式已经被保留了:
4、单击编辑器底部“源代码”按钮,即可查看到上述源代码比较简洁:
利用“从 MS Word 粘贴”功能按钮后的源代码:
直接将Word中的内容粘贴到编辑器中的源代码:
温馨提示:如果在编辑器中您是第一次粘贴入Word格式的内容,系统将自动出现对话框,单击“是”系统则自动出现上述清除格式窗口以方便直接操作:
前台效果:动易技术中心使用的是SiteWeaver,SiteWeaver也有从Word中粘贴功能按钮,但不能保留表格等样式。我们可以利用SiteFactory中的这个功能得到相关代码,再将代码复制到SiteWeaver中即可。技术中心SiteFactory CMS说明手册 >> 内置标签说明 中的文章都是这样操作的:
温馨提示:在上述动易技术中心的页面效果中,表格是呈现为细线方式,与编辑器中所看到的不同。这是因为在动易技术中心的CSS样式中,单独对文章内容页中的表格进行了定义:
.Tech_Article dd.Articlecontent table{
border-collapse:collapse;
}
.Tech_Article dd.Articlecontent td{
border: 1px solid #5E93B9;
padding: 2px;
font: normal normal normal 12px/150% Arial, "宋体" ,Helvetica,sans-serif;
}
其中:
border-collapse:collapse;:定义将表格的行和单元格的边合并在一起(不定义则默认为标准的HTML样式分开)。
border: 1px solid #5E93B9;:定义单元格的边线为一个像素蓝色实线边框。
padding: 2px;:定义单元格的内边距。
利用这个方法,一方面可以去除因从Word中直接粘贴而产生的大量的无用代码,减少网页的代码量,另一方面可以避免从Word中直接粘贴时因格式对文字造成的分隔,避免在进行站内搜索功时搜索不到相关词组。