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

Posted 2023-03-13

参考技术A 解决:在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中直接粘贴时因格式对文字造成的分隔，避免在进行站内搜索功时搜索不到相关词组。