开篇

很多朋友在学生在线新闻站投稿或者在论坛发帖的时候常常被编辑器搞得晕头转向。

 

问题主要集中在:

  1. 为什么 Word 粘贴进去的文本格式都变了?
  2. 为什么 Word 里的图片不能粘贴进去?
  3. 为什么我编辑器里看到的格式,到了网页上会变?

 

这里我就写一篇教程,集中回答下一下问题。

为什么网页上的富文本编辑器不识 Word ?

为什么会这样?

Word 是一个富文本编辑器,网页上的也是富文本编辑器,那到底什么是富文本?

简单的来说,富文本就是有格式的文本,

从视觉上看,它可以是粗体、斜体、有颜色、有背景色…

但是它是怎么存储数据的呢?它是用一些特殊的标记来存储的。

 

例如:

视觉上:粗体

实际数据:粗体

 

但是,为什么网页上的富文本编辑器不能很好地识别 Word 中的数据呢?

因为他们虽然用了同样的技术,但是标准不同,网页上用的是 HTML 语言,而 Word 中用的是 RTF 技术,他们在一些标准上有区别,同样的格式有可能有不同的表示方法。不仅如此,它们之间也有一些完全不兼容的格式。

虽然现在网页上的富文本编辑器都有转换功能,但是这种转换往往会很不彻底,特别是当你的 Word 排版很复杂的时候。

 

怎么解决?

方案一:如果你的 Word 排版不是特别的复杂,那么可以直接粘贴进去,并且查看一下实际的效果,如果效果还不错,那便不用再调整了,除非你是一个完美主义者…

方案二:先把 Word 中的数据粘贴到 Dreamweaver 中,然后利用 Dreamweaver 做一定的调整。

方案三:如果你真的是一个新闻工作者,或者是想在论坛发一个重要的帖子,那么你就不用该利用自动转换功能了,而是应该手动编辑,具体怎么编辑呢?下面将会详解。

 

从 Word 获取数据后在网页中编辑

i) 做这个的第一步,就应该先把 Word 中的格式清除。你可以先把 Word 中的文本粘贴到记事本(或其他普通文本编辑器)中,然后再粘贴到网页的编辑器中;有些编辑器会有这样的功能,能帮你直接清楚格式,找到类似于这样的按钮,把文本粘贴进去即可。

word

 

ii) 下面一步就是直接在编辑器中编辑了,用法和 Word 很相似,只不过功能肯定会比 Word 略差一点,但是这也是没办法的,除非你有很强大的前端知识,否则这个对于一般人来说,的确没什么办法能解决了。

 

 

为什么 Word 中的图片不能粘贴进去?

这个问题… 问的我很纠结~

实原因也很简单,Word 中富文本的数据都是文本,但是怎么显示图片的呢?

其实也是利用一个特殊的标记,告诉 Word 这里应该显示图片,然后 Word 便把图片显示出来。

所以图片和数据其实不是在一起的。(Word中看起来是一个文件,但其实是一个压缩包,可以通过用工具解压得到原始数据)

网页中也是如此,网页中的图片是这样标记的:

那么为什么粘贴不进去了呢。。为什么?

因为你粘贴进去的只是一个标记,标记中写了该图片的位置,网上的数据和本地的地址不同,是不能互访的,所以如果你想要显示图片,必须手动上传图片,或者直接引用别处的图片。

 

 

为什么在编辑器里好好的,在网页中却会变?

上面说的好好地,我已经全部编辑好了,为什么到了网页上,格式又变了?!

因为网页上的格式有继承机制,例如你在发布新闻,那么你只是在编辑新闻那部分。

 

例如你把文字粘贴到里编辑器中,没有设置字体大小,它会以编辑器页面的默认字体显示。

而新闻显示页面和编辑器页面的格式是不一样的,所以当你发布了新闻后,你会发现你的字体大小变了…

 

那么怎么解决呢? 很简单,手动设置下字体大小就行了~因为虽然有继承,但是它也有一个优先级,直接设置优先级高于页面的格式。

本作品由 Dozer 创作,采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。