编辑器的使用

编辑器主要特点如果下：

• 所见即所得: 即通过编辑器编辑的文字、图片等HTML标记输出到页面的效果和编辑时显示的效果一致，让使用者方便地对编辑的内容进行修改、排版等。
• 自动转换为HTML代码: 在编辑状态编辑的文字、图片等内容都在后台自动转换为可被浏览器识别的HTML标记语言，使用者更能在代码状态在对代码标记进行修改。
• 简单易用: 编辑器的编辑及使用方法与FrontPage、Dreamweaver等著名主页制作软件类似。无需任何HTML语法知识、儍瓜式的操作让即使没有主页制作经验的使用者也能快速上手。
• 方便快捷: 使用所见即所得的编辑器能快捷、方便地编辑出效果一流的图文效果，如果使用纯手工编写代码的方法编辑则需要浪费大量时间及精力。
• 与系统现有内容方便整合: 利用编辑器提供的功能可以很方便的把系统已上传的图片等文件加到网页内容中，也可以通过插入信息组件与其他网页内容进行整合。

  

    编辑器顶部为菜单栏，主要放置各种编辑功能的选项及按钮图标，使用者只需点击图标或选择相关选项即可实时对编辑栏编辑的内容进行添加或修改、修饰；

    编辑器中部空白处为编辑栏，主要是供使用者输入及编辑内容所用，同时所编辑的内容全部都是所见即所得，但有部分内容，如活动的图像、文字、电影等在编辑状态下只会呈现静止状态，需使用者转换到预览状态方可真实再现；点击鼠标右键将出现一个弹出菜单，其中是一些当前可以使用的常用功能；

    编辑器底部为状态栏，主要放置转换编辑器状态的按钮图标。在状态栏中，左侧有“代码”、“设计”、“文本”、“预览”等四个按钮，其中设计状态(默认)，在此状态下所有编辑的内容皆为所见即所得的方式；代码状态，在此状态下所有编辑的内容皆以HTML标记源代码方式显示或编辑；文本状态，在此状态下所有编辑的内容皆以纯文本方式显示或编辑；预览状态，在此状态下所有内容皆以不可编辑的页面输出方式显示，可利用此状态预览编辑内容输出后的效果。在状态栏右侧有加减左右四个图标按钮，分别用于增加编辑器高度、减小编辑器高度、增加编辑器宽度、减小编辑器宽度。

      

       在线编辑器的基本功能包括：

字体设置	字色设置	四种对齐方式	编号	项目符号
对象背景色设置	Onclick触发设置	复制删除	三种粘贴方式	全选、新建
恢复撤销	插入表单	插入文本输入框	插入隐藏输入框	插入多行文本框
插入单选按钮	插入复选框	插入按钮	插入滚动字幕	插入水平线
插入换行符	插入链接	编辑图片热点链接	书签管理	插入表格
表格属性设置	单元格属性设置	单元格合并	单元格拆分	插入行或列
插入网页帧	插入栏目框	插入图片	插入Flash动画	插入自动播放音视频
插入可下载文件	在线计算器	插入EXCEL表格	插入特殊字符	背景图片管理
插入表情图标	插入当前日期	插入当前时间	插入代码样式	插入引用样式
显示、隐藏指示线	查找替换功能	插入网站信息组件	显示层次移动	缩小放大查看
编辑器大小缩放	下拉菜单系统	右键弹出菜单	效果预览	纯文本录入

进来公司网站要改版了，首先要从后台下手，我开始做的就是把后台所有的编辑器换成是FCKeditor编辑器。没什么的上网下载一个，然后改改就OK啦，开始的编辑器用起来比较麻烦：不过包含比较方便,用iframe 中的src属性就可以包含进来了。不过现在我改成用FCK的在用到编辑器的所有页面都要写入下面的代码：

2. //编辑器
3. include("../FCKeditor/fckeditor.php");
4. // Automatically calculates the editor base path based on the _samples directory.
5. // This is usefull only for these samples. A real application should use something like this:
6. // $oFCKeditor->BasePath = '/fckeditor/' ; // '/fckeditor/' is the default value.
7. //$sBasePath = $_SERVER['PHP_SELF'] ;
8. //$sBasePath = substr( $sBasePath, 0, strpos( $sBasePath, "_samples" ) ) ;
9. $sBasePath = '../FCKeditor/'; //获取fckeditor.php所在位置
10. $oFCKeditor = new FCKeditor('Content') ;
11. $oFCKeditor->BasePath = $sBasePath ;
12. $oFCKeditor->Width ='98%';
13. $oFCKeditor->Height = '400';
14. $oFCKeditor->Create() ;
15. //END 编辑器
16. ?>

只要加上上面的语句就OK啦，一定要注意的是获取其中值的时候是取Content的值。然后就是高度和宽度都有涉及到的。

在此多了对FCK的了解，要注意的还有就是FCK是要有路径的。