在线编辑器是
本系统的核心部分之一,是管理员编辑页面内容的工具软件,其功能如同网页制作软件Dreamwaver,通过它可以
随心所欲的制作出极具个性化的网页。
其主要特点如
果下:
- 所见即所得
: 即通过编辑器
编辑的文字、图片等HTML标记输出到页
面的效果和编辑时显示的效果一致,让使用者方便地对编辑的内容进行修改、排版等。
- 自动转换为
HTML代码: 在编辑状态编辑的文字、图片等内容都在后台自动转换为
可被浏览器识别的HTML标记语言,使
用者更能在代码状态在对代码标记进行修改。
- 简单易用: 编辑器的编辑
及使用方法与FrontPage、Dreamweaver等著名主页制
作软件类似。无需任何HTML语法知识、儍
瓜式的操作让即使没有主页制作经验的使用者也能快速上手。
- 方便快捷: 使用所见即所得
的编辑器能快捷、方便地编辑出效果一流的图文效果,如果使用纯手工编写代码的方法编辑则需要浪费大量时间及精力。
- 与系统现有内
容方便整合: 利用编辑器提
供的功能可以很方便的把系统已上传的图片等文件加到网页内容中,也可以通过插入信息组件与其他网页内容进行整合。
编辑器顶部为
菜单栏,主要放置各种编辑功能的选项及按钮图标,使用者只需点击图标或选择相关选项即可实时对编辑栏编辑的内容进行添加或修改、修饰;
编辑器中部空白处为编辑栏,主要是供使用者输入及编辑内容所用,同时所编辑的内容全部都是所见即所得
,但有部分内容,如活动的图像、文字、电影等在编辑状态下只会呈现静止状态,需使用者转换到预览状态方可真实再现;点击鼠标右
键将出现一个弹出菜单,其中是一些当前可以使用的常用功能;
编辑器底部为
状态栏,主要放置转换编辑器状态的按钮图标。在状态栏中,左侧有“代码”、“设计”、“文本”、“预览”等四个按钮,其中设计状态(默认),在此状态下所有编辑的内容皆为所见即所得
的方式;代码状态,在此状态下所有编辑的内容皆以HTML标记源代码方
式显示或编辑;文本状态,在此状态下所有编辑的内容皆以纯文本方式显示或编辑;预览状态,在此状态下所有内容皆以不可编辑的页面输出方式显示,可利用此状态预览编辑内容输出后的效果。在状态栏右侧有加减左右四个图
标按钮,分别用于增加编辑器高度、减小编辑器高度、增加编辑器宽度、减小编辑器宽度。
在线编辑器的
基本功能包括:
字体设置 |
字色设置 |
四种对齐方式
|
编号 |
项目符号 |
对象背景色设
置 |
Onclick触发设置 |
复制删除 |
三种粘贴方式
|
全选、新建
|
恢复撤销 |
插入表单 |
插入文本输入
框 |
插入隐藏输入
框 |
插入多行文本
框 |
插入单选按钮
|
插入复选框
|
插入按钮 |
插入滚动字幕
|
插入水平线
|
插入换行符
|
插入链接 |
编辑图片热点
链接 |
书签管理 |
插入表格 |
表格属性设置
|
单元格属性设
置 |
单元格合并
|
单元格拆分
|
插入行或列
|
插入网页帧
|
插入栏目框
|
插入图片 |
插入Flash动画 |
插入自动播放
音视频 |
插入可下载文
件 |
在线计算器
|
插入EXCEL表格 |
插入特殊字符
|
背景图片管理
|
插入表情图标
|
插入当前日期
|
插入当前时间
|
插入代码样式
|
插入引用样式
|
显示、隐藏指
示线 |
查找替换功能
|
插入网站信息
组件 |
显示层次移动
|
缩小放大查看
|
编辑器大小缩
放 |
下拉菜单系统
|
右键弹出菜单
|
效果预览 |
纯文本录入
| |