HTML在线编辑器（HTML online editor）
在Web程序应用中，最常见的一种是信息和言论的发布和交流。
在信息发布的同时，往往需要对发布的数据进行格式的转换，才能使信息以用户需要的格式显示在Web页面上。
为了实现Web应用中在线信息发布的正确显示和用户对信息发布的格式、类型和功能上的需求，HTML在线编辑器的概念就应运而生了
HTML在线编辑器就是用于在线编辑的工具，编辑的内容是基于HTML的文档。
它可用于在线编辑基于HTML的文档，所以，它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方，是Web应用的常用模块之一。
一个完整意义上的HTML在线编辑器，为了能够真正满足用户的需求，具备以下特点：
1、 所见即所得
通过编辑器，编辑的文字和图片等HTML标记输出到页面的效果和编辑时显示的效果一致，无需经过其他步骤的转换和编码，能让用户方便地对编辑的内容进行修改和排版；
2、自动转换HTML代码
在编辑状态编辑的文字、图片等内容都在后台状态下自动转换为可被浏览器识别的HTML标记语言；而且用户可以在代码状态下对代码标记进行修改和排版。
3、简单易用
编辑器的编辑使用方法应该和尽量和FrontPage、Dreamweaver等主流网页制作软件或代码编辑器类似，风格保持一致，以达到无需任何HTML语法知识，机械式的操作也能让没有网页制作经验的用户快速掌握的目的。
下面主要介绍当家比较流行的FCKeditor的使用，因为他是开源的而且是完全免费得，并且功能是非常强大的，非常适合个人的使用。接下来简单介绍它的写法，首先创建HTML文件，以index.php为例
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="disp.php" method="post">
标题：<input type="text" name="title"><br>
正文：<br>
<?php
//引用FCKeditor.php这个文件，基本的类和数据结构都在这里
include ("fckeditor/fckeditor.php");
//创建FCKeditor对象的实例。myFCKeditor即提交后，接收数据页面 _POST['content']使用
$FCKeditor = new FCKeditor("content");
//FCKeditor所在的位置，这里它的位置就是'FCKeditor' 文件夹
$FCKeditor -> BasePath='./fckeditor/';
//工具按钮设置
$FCKeditor -> ToolbarSet="Default";
//设置它的宽度
$FCKeditor -> Width='500px';
//设置它的高度
$FCKeditor -> Height='600px';
//生成
$FCKeditor -> Create();
?>
<input type="submit" value="提交">
</form>
</body>
</html>
然后再创建接受文件：disp.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<?php
echo $_POST['content'];
?>
</body>
</html>
这里最重要的一点就是在这个文件下面要有FCKeditor这个文件，这个文件在百度中可以下载道。
842
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
