在网页编辑器中粘贴时如何保留Word中的表格?

作者:动易网络 来源:本站原创 点击数: 发布时间:2008年03月14日

问题:在后台的网页编辑器中粘贴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中直接粘贴时因格式对文字造成的分隔,避免在进行站内搜索功时搜索不到相关词组。