您现在的位置:百度优化 - 亿网互动>> 网站建设>>正文内容

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

点击数: 【字体: 收藏 打印文章
 

问题:在后台的网页编辑器中粘贴Word的文档时,如何在去除Word多余的代码的同时,保留Word中的表格样式?

解决:后台提供了FCKeditor编辑器,利用编辑器中“从 MS Word 粘贴”功能按钮,即可既去除Word多余的代码,同时保留Word中的一些样式,如表格等。

  操作方法:

  1、进入系统后台,在添加信息的管理界面中,点击左侧“切到高级”,之后右侧可以看到“从 MS Word 粘贴”功能按钮:

 

  2、从Word中复制相关内容后,单击“从 MS Word 粘贴”功能按钮,在出现的窗口中使用键盘快捷键“Ctrl+V”,将Word中复制的内容粘贴到窗口的内容框中,同时勾选下方“忽略Font标签”和“清理CSS样式”复选框后,单击“确定”按钮:

 

  3、在编辑器内容框中,即可看到表格格式已经被保留了:

 

  4、单击编辑器底部“源代码”按钮,即可查看到上述源代码比较简洁:

利用“从 MS Word 粘贴”功能按钮后的源代码:

直接将Word中的内容粘贴到编辑器中的源代码:

 

  温馨提示:如果在编辑器中您是第一次粘贴入Word格式的内容,系统将自动出现对话框,单击“是”系统则自动出现上述清除格式窗口以方便直接操作:

 

   

  温馨提示:在上述页面效果中,表格是呈现为细线方式,与编辑器中所看到的不同。这是因为在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中直接粘贴时因格式对文字造成的分隔,避免在进行站内搜索功时搜索不到相关词组。


51.la
51yes