不提倡将Word中的内容直接拷到网站的编辑器中

2016-02-19 13:24 1 1 收藏

有了下面这个不提倡将Word中的内容直接拷到网站的编辑器中教程,不懂不提倡将Word中的内容直接拷到网站的编辑器中的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

问题:为什么不提倡将Word中的内容直接拷到网站的编辑器中?
解答:直接将Word中的内容拷贝下来粘贴到网站的编辑器中,会产生大量Word自动生成的无用代码,从而增加了代码量与页面的大小,一二篇不要紧,几十甚至几百篇后对网站空间及访问的影响就会较大了。且从Word中拷贝下的内容在网页中也不一定会全部保证原拷贝Word中的格式。我的建议是:
  1、在文章内容页面模板中,在控制显示内容标签{$ArticleContent} 所在表格中,将后台风格管理中控制文章内容的CSSmain_tdbg_760(默认为class="main_tdbg_760",您也可以重新定义成新的CSS),定义成您想要显示文字的大小,如:
.main_tdbg_760 /* 内容表格背景、文字颜色定义(760) */
{
padding: 5;line-height:normal;Word-break:break-all;font-size: 18pt;font-family:宋体;
}
  即定义好文章内容的缩进量(padding)、行高(line-height)、自动换行(Word-break)、文字尺寸(font-size)和字体(font-family)等定义。
  这样就可以将文章内容默认显示的格式作一下整体定义。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  2、将Word中的文章内容全选-复制,新建一个记事本文档进行粘贴,再全选记事本中的内容复制,粘贴到网站编辑器中。整个操作几秒内即可完成,比直接拷贝Word中内容的优点是:去除了直接拷贝Word文档内容而产生的大量的无用代码;缺点是无单独的字体格式,如标题字体等。有一点要注意:Word文档内容中的图片目前无法直接复制到编辑器中。不过您可以将Word文档另存为html文件而得到这些图片后,再进行上传。

  3、在网站编辑器中设置标题等大小,上传图片,设置文章格式。

问题:文章内容显示的行间距是否从CSS里面设置?如何设置?
解答:我们建议采用CSS控制,即上面说明中line-height:normal;,建议设置成normal;(默认行高),不要设置如line-height:150%;或line-height:24;、line-height:24px;这样的固定值。如果设置成了固定值,则在编辑器中设置成大字体时,其行高就会固定在您设置的大小中,从而造成行与行之间重叠的现象。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1604153.html

延伸阅读
Android没有自带颜色编辑器,为了让用户直观的选择颜色,做了这么一个控件,效果图如下: 上方颜色条为主颜色条,用户可以选择大致需要的颜色,下方是该颜色的平衡调节,可以调节明亮度。 背景颜色实现起来很容易,用GradientDrawable在主色之间分段渐变即可,上方的背景色是永远不变的。下方平衡调节只要在白色、选定色和黑色之间渐变即...
标签: word WPS PS
word公式编辑器使用视频 打开文档        word是我们工作整理资料时经常用到的软件,但是其中还有很多工具是我们不会使用的,那么word软件2016版是怎么查找它的公式编辑器呢? 首先我们把Word的文档打开,单击最上方菜单栏中的“插入”选项,然后找到“文本”,再点击“对象”这一选项。 找到对象 ...
标签: 电脑入门
部分MAC用户并不满意iPhoto内置的编辑工具对照片的编辑功能。那么怎么才能更好的编辑自己的照片呢?今天图老师小编就教大家如何在iPhoto中使用外部编辑器对自己的照片进行修改。 解决方法: 1. 打开iPhoto偏好设置,选择高级标签。 2. 在编辑照片后面的下拉列表里面选择你喜爱的照片编辑工具就好了。(上图的在预览中其实是我自己之前...
注:续网友 hua 之后,网友 Linuxhero 在讨论区发布了他改进 hua 编写的编辑器程序,并消除了文件存储的乱码问题,本站测试了这个程序,效果不错,希望两位网友再接再励不断地把这个编辑器完善起来,同时也谢谢两位网友对非常空间的支持! ----------------------------------------------------------- 作者:linuxhero ...
标签: Web开发
在使用IE浏览器浏览网页时,为了保存无法复制的网页内容,可以在IE浏览器窗口中依次单击“文件”→“使用MicroSoft Office Word编辑”菜单命令,将网页内容自动放到Word中进行复制、粘贴等编辑操作。如果IE浏览器的“文件”菜单中没有这个命令,或者是其他命令(如“使用MicroSoft Office Excel编辑”),则可以通过修改IE浏览器的设置来将...

经验教程

950

收藏

46
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部