//标题：关于论坛发帖中所见即所得功能的实现
//作者：dx_andy
//时间：2007.8.24 晚-------2007.8.25 早
//测试环境：win32 apache2.2.4 php5.2.1 mysql5.0.27
//联系：QQ:45665758 E-mail:dx_andy@163.com
测试代码下载:
点击下载
先说一下所见即所得的实现原理吧：
相信有很多人都想过或尝试过写一个实现此功能的程序，成功了当然好了，不成功那也不要伤心，起码自己做过，多少会有些心得。
下面我说一下为什么有的人会失败，这也就是本程序的实现原理了：
这个功能一般在论坛发言区多见，它首先向人们介绍了这个功能，但是同时又把很多初学者带入一个误区。好多初学者认为图片即时显示是把图片插在了<textarea>元素中。其实不是这样的，所见即所得模式其实用到的是一个<div>层或是一个<iframe>。
(本程序用<div>,因为<iframe>方式不会呀，我想它也是基于<div>的，不知大家怎么想，有不同见解可以联系我。对了,<textarea>中也可插入图片，但要想在光标位置插入图片很难,不再研究)。
Code模式用到的就是简单的<textarea>，这里就不再讲述，大家一定都会。
好了，马上开始吧，咱们不说费话。
1， 建立一个表格
<table border=0 width=600 align=center>
<tr>
<td colspan=2><input type=button value=”Code模式”> <input type=button value=”所见即所得模式”></td>
</tr>
<tr>
<td id=editor><!—这里是编辑器区--></td><td id=face valign=top><!—这里是表情的图片--></td>
</tr>
<tr>
<td colspan=2 id=submit><!—这里放提交按扭--></td>
</tr>
</table>
2,为了页面美观一些，简单写一个样式表，加在<head>与</head>之间
最低0.47元/天 解锁文章
2856
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
