实现图文混排的方法

生命过客 · 发表于 2007-11-14 12:33:18

精彩的游记仅仅用文字表达，阅读起来未免有些枯燥。如果在适当的地方配上适当的图片，效果会更好。系统上传图片方法有两种，一种是上传附件，一种是插入图片。前一种方法可是实现一次上传多张图片，但所上传的图片都排放在文章的底端，无法达到图文混排效果。这里介绍另一种上传图片的方法。

 
第一步：进入编辑界面。 
第二步：将光标移至需要插入照片的位置。 
第三步：点击编辑工具栏的[插入/编辑图像]按钮，如下图：
<img width="799" height="336" border="1" src="/uploads/fckeditor/Image/200711/step1%281%29.gif" alt="" /> 

第四步：在弹出在图象属性对话框中，单击[上传]选项，如下图：
<a href="/uploads/fckeditor/Image/200711/step2.gif"><img src="/uploads/fckeditor/Image/200711/step2.gif.thumb.gif" alt="实现图文混排的方法" /></a>
 
 第五步：点击上传界面中的[浏览]，选择好图片，单击[发送到服务器上]，如下图：
<a href="/uploads/fckeditor/Image/200711/step3.gif"><img src="/uploads/fckeditor/Image/200711/step3.gif.thumb.gif" alt="实现图文混排的方法" /></a>
 
第六步：图片上传成功后，弹出上传成功对话框，单击[确定]，如下图：
<a href="/uploads/fckeditor/Image/200711/step4.gif"><img src="/uploads/fckeditor/Image/200711/step4.gif.thumb.gif" alt="实现图文混排的方法" /></a>
 
 第七步：上传无误的话，图片属性对话框中预览窗口能够显示所上传的照片效果，单击[确定]。如下图：
<a href="/uploads/fckeditor/Image/200711/step5.gif"><img src="/uploads/fckeditor/Image/200711/step5.gif.thumb.gif" alt="实现图文混排的方法" /></a>
图文混排效果：
<a href="/uploads/fckeditor/Image/200711/step6.gif"><img src="/uploads/fckeditor/Image/200711/step6.gif.thumb.gif" alt="实现图文混排的方法" /></a>
 
至此，插入图片步骤完成。再次插入图片重复第一步至第七步的步骤即可。
注意： 
1。图片上传不成功，可能是文件名包含不识别的符号如括号等。修改一下图片文件名再行上传即可。 
2。图片宽度控制在700-800像素之间，图片大小控制在200K以内。

米姑 · 发表于 2007-11-14 21:53:11

米姑 · 发表于 2007-11-14 21:53:49

铁 · 发表于 2007-11-14 23:52:20

蔚蓝, · 发表于 2007-11-15 10:08:21

旱鱼 · 发表于 2007-11-15 11:16:29

米姑 · 发表于 2007-11-15 14:53:21

追山. · 发表于 2007-11-15 19:35:00

头灯 · 发表于 2007-11-22 22:46:25

显示全部楼层 · 发表于 2007-11-26 01:05:05

提示: 作者被禁止或删除内容自动屏蔽

小隋 • 弥山该用户已被删除	发表于 2007-11-26 01:05:05 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽
小隋 • 弥山该用户已被删除
	回复使用道具举报显身卡

实现图文混排的方法

偶去试试哈

2分也系偶滴。。卡卡

回头试试

ubb编码试试?

吼吼，楼主辛苦咧。介个方法偶用过咧，8错。但素8适合希望用附件赚积分滴筒子：）

偶做到鸟..哇卡卡..开心..卡卡

谢了,已实际应用了.呵呵.....

够专业，下次别删我帖子了啊，呵呵