文本编辑器使用使用说明
文本编辑器使用说明书
目录
1文本编辑器结构 (1)
1.1功能操作按钮栏 (1)
1.2内容栏 (1)
2功能分解 (1)
2.1功能操作按钮栏第一排 (1)
2.1.1全屏编辑 (2)
2.1.2预览 (2)
2.1.3粘贴 (2)
2.1.4粘贴为无格式文本 (2)
2.1.5从MS Word 粘贴 (2)
2.1.6撤销 (3)
2.1.7重做 (3)
2.1.8插入/编辑图像 (3)
2.1.9插入/编辑表格 (4)
2.1.10插入水平线 (4)
2.1.11插入/编辑超链接 (4)
2.1.12取消超链接 (5)
2.1.13查找 (5)
2.1.14替换 (5)
2.1.15全选 (5)
2.1.16清除格式 (5)
2.2功能操作按钮栏第二排 (5)
2.2.1格式 (6)
2.2.2字体 (6)
2.2.3大小 (6)
2.3功能操作按钮栏第三排 (6)
2.3.1空格 (6)
2.3.2加粗 (6)
2.3.3倾斜 (7)
2.3.4下划线 (7)
2.3.5删除线 (7)
2.3.6左对齐 (7)
2.3.7居中对齐 (7)
2.3.8右对齐 (7)
2.3.9两端对齐 (7)
2.3.10插入/删除编号列表 (8)
2.3.11插入/删除项目列表 (8)
2.3.12文本颜色 (8)
2.3.13背景颜色 (8)
2.3.14下标 (8)
2.3.15上标 (8)
2.3.16源代码 (9)
1文本编辑器结构
文本编辑器大体结构可以分为两部分，分别为：功能操作按钮栏和内容栏。
1.1功能操作按钮栏
功能操作按钮栏：用于对内容进行编辑。
1.2内容栏
内容栏：用于显示输入的内容。
2功能分解
在功能操作按钮栏中功能按钮分为三排，下面将分别按照每排的顺序进行逐一介绍。
2.1功能操作按钮栏第一排
功能操作按钮栏第一排中共包含16个功能按钮，如下图所示。
图2-1-1 功能操作按钮栏第一排
2.1.1全屏编辑
全屏编辑按钮为图2-1-1中字母A上方的按钮。
全屏编辑：点击全屏编辑按钮将扩充满屏幕，更为方便进行大量内容的编辑；再点击按钮取消全屏编辑。
2.1.2预览
预览按钮为图2-1-1中字母B上方的按钮。
预览：点击预览按钮，将以网页形式查看当前内容样式。
2.1.3粘贴
粘贴按钮为图2-1-1中字母C上方的按钮。
粘贴：点击可以将剪贴板中的内容插入到当前光标后面，并保持原有样式不变（快捷键：Ctrl+V）。
2.1.4粘贴为无格式文本
粘贴为无格式文本按钮为图2-1-1中字母D上方的按钮。
粘贴为无格式文本：点击可以将剪贴板中的内容插入到当前光标后面，并清除原有样式（纯文本）。
2.1.5从MS Word 粘贴
从MS Word 粘贴按钮为图2-1-1中字母E上方的按钮。
从MS Word 粘贴：点击弹出新窗口。
图2-1-5-1 MS Word 粘贴弹出窗口
将从WORD中复制的内容粘贴在此内容编辑框内，选中“忽略Font标签”和“清理CSS样式”，彻底清除WORD中的样式。（如果需要重新恢复样式，最好是通过编辑器重新编辑，目的是为了内容控制样式更简洁）。
2.1.6撤销
撤销按钮为图2-1-1中字母F上方的按钮。
撤销：类似于WORD中的撤销键入（快捷键：Ctrl+Z）。
2.1.7重做
重做按钮为图2-1-1中字母G上方的按钮。
重做：重复刚刚撤销的操作，相当于取消撤销。
2.1.8插入/编辑图像
插入/编辑图像按钮为图2-1-1中字母H上方的按钮。
插入/编辑图像：点击弹出新窗口，可以直接选择“浏览服务器”按钮，选择服务器中已有图片。也可以点击上传，上传新图片，上传新图片时点击，将窗口切换到上传界面，如图2-1-8-1所示。在上传界面中通过浏览按钮选择所要上传的图片后点击“发送到服务器上”按钮，发送成功会提示上传成功，如下图2-1-8-2所示：
图2-1-8-1 上传图片图2-1-8-2 发送成功提示信息
图片可以设置等比例尺寸（图片宽不要超过650否则会导致页面串版），也
可以自由设置长宽，点击打开小锁即可自由设置尺寸（如自由设置尺寸会导致图片变形，不提倡使用），也可恢复图片尺寸，如图2-1-8-3所示。
图2-1-8-4 比例设置
图像属性窗口左下方的“对齐方式”，可以设置图像所在的位置。如选择左对齐，图像将在内容的左侧，如下图2-1-8-5所示
图2-1-8-5 图像左对齐
2.1.9插入/编辑表格
插入/编辑表格按钮为图2-1-1中字母I上方的按钮。
插入/编辑表格：点击弹出新窗口，设置好表格相应参数后，点击确定即可在内容区内插入/编辑表格。
2.1.10插入水平线
插入水平线按钮为图2-1-1中字母J上方的按钮。
插入水平线：将光标置于需要插入水平线的地方，点击此按钮即可。
2.1.11插入/编辑超链接
插入/编辑超链接按钮为图2-1-1中字母K上方的按钮。
插入/编辑超链接：首先选中需要做超链接的内容，点击弹出新窗口，输入链接地址。
2.1.12取消超链接
取消超链接按钮为图2-1-1中字母L上方的按钮。
取消超链接：先选中需要做取消超链接的内容，点击就可取消选中内容里所有的超链接。
2.1.13查找
查找按钮为图2-1-1中字母M上方的按钮。
查找：输入想要查找的内容，点击查找（类似于WORD中的查找）。
2.1.14替换
替换按钮为图2-1-1中字母N上方的按钮。
替换：输入想要查找和替换的内容，点击替换或全部替换（类似于WORD 中的替换）。
2.1.15全选
全选按钮为图2-1-1中字母O上方的按钮。
全选：点击选中所有内容。
2.1.16清除格式
清除格式按钮为图2-1-1中字母P上方的按钮。
清除格式：在选中内容里，清除所有的样式，内容将变为纯文本，没有任何样式控制。
2.2功能操作按钮栏第二排
功能操作按钮栏第二排中共包含3个功能按钮，如下图所示。
图2-2-1 功能操作按钮栏第二排
2.2.1格式
格式下拉框为图2-2-1中字母A1上方的按钮。
格式：选中需要增加格式的内容，点击下拉列表选择格式，所选内容将变为指定的格式。
2.2.2字体
字体下拉框为图2-2-1中字母B1上方的按钮。
字体：选中需要更换字体的内容，点击下拉列表选择字体，所选内容将变为指定的字体样式。
2.2.3大小
大小下拉框为图2-2-1中字母C1上方的按钮。
大小：选中需要变更文字大小的内容，点击下拉列表选择大小，所选内容将变为指定大小（建议选择large类似于WORD字号中的小四）。
2.3功能操作按钮栏第三排
功能操作按钮栏第三排中共包含16个功能按钮，如下图所示。
图2-3-1 功能操作按钮栏第三排
2.3.1空格
空格按钮为图2-3-1中字母A2上方的按钮。
空格：将光标移到需要加空格的文字前，点击此按钮即可在该文字前空出两个字的空格。
2.3.2加粗
加粗按钮为图2-3-1中字母B2上方的按钮。
加粗：先选中需要加粗的内容，点击此按钮即可。
2.3.3倾斜
倾斜按钮为图2-3-1中字母C2上方的按钮。
倾斜：先选中需要斜体的内容，点击此按钮即可。
2.3.4下划线
下划线按钮为图2-3-1中字母D2上方的按钮。
下划线：先选中需要带下划线的内容，点击此按钮即可。
2.3.5删除线
删除线按钮为图2-3-1中字母E2上方的按钮。
删除线：先选中需要带删除线的内容，点击此按钮即可。
2.3.6左对齐
左对齐按钮为图2-3-1中字母F2上方的按钮。
左对齐：选中需要左对齐的内容，点击按钮所选内容左边将全部对齐。
2.3.7居中对齐
居中对齐按钮为图2-3-1中字母G2上方的按钮。
居中对齐：选中需要居中对齐的内容，点击按钮所选内容将居中对齐。
2.3.8右对齐
右对齐按钮为图2-3-1中字母H2上方的按钮。
右对齐：选中需要右对齐的内容，点击按钮所选内容右边将全部对齐。
2.3.9两端对齐
两端对齐按钮为图2-3-1中字母I2上方的按钮。
两端对齐：选中需要两端对齐的内容，点击按钮所选内容将两端全部对齐。
2.3.10插入/删除编号列表
插入/删除编号列表按钮为图2-3-1中字母J2上方的按钮。
插入/删除编号列表：选中需要增加或删除编号的内容，点击按钮（类似于WORD的编号功能）。
2.3.11插入/删除项目列表
插入/删除编号列表按钮为图2-3-1中字母K2上方的按钮。
插入/删除项目列表：选中需要增加或删除项目的内容，点击按钮（类似于WORD的项目符号功能）。
2.3.12文本颜色
文本颜色按钮为图2-3-1中字母L2上方的按钮。
文本颜色：先选中需要加字体颜色的内容，点击按钮，选取颜色。
2.3.13背景颜色
背景颜色按钮为图2-3-1中字母M2上方的按钮。
背景颜色：先选中需要加文字背景颜色的内容，点击按钮，选取颜色。
2.3.14下标
下标按钮为图2-3-1中字母N2上方的按钮。
下标：先选中需要变成下标的内容，点击按钮。
2.3.15上标
上标按钮为图2-3-1中字母O2上方的按钮。
上标：先选中需要变成上标的内容，点击按钮。
2.3.16源代码
源代码按钮为图2-3-1中字母P2上方的按钮。
源代码：此功能用于查看编辑内容的HTML格式代码，对于专业用户可以直接在源代码中进行内容编辑，点击后只有“全屏编辑”、“预览”、“全选”可用，再次点击“源代码”恢复可视模式编辑。
文本编辑器使用使用说明
文本编辑器使用说明书
目录 1文本编辑器结构 (1) 1.1功能操作按钮栏 (1) 1.2内容栏 (1) 2功能分解 (1) 2.1功能操作按钮栏第一排 (1) 2.1.1全屏编辑 (2) 2.1.2预览 (2) 2.1.3粘贴 (2) 2.1.4粘贴为无格式文本 (2) 2.1.5从MS Word 粘贴 (2) 2.1.6撤销 (3) 2.1.7重做 (3) 2.1.8插入/编辑图像 (3) 2.1.9插入/编辑表格 (4) 2.1.10插入水平线 (4) 2.1.11插入/编辑超链接 (4) 2.1.12取消超链接 (5) 2.1.13查找 (5) 2.1.14替换 (5) 2.1.15全选 (5) 2.1.16清除格式 (5) 2.2功能操作按钮栏第二排 (5) 2.2.1格式 (6) 2.2.2字体 (6) 2.2.3大小 (6) 2.3功能操作按钮栏第三排 (6) 2.3.1空格 (6) 2.3.2加粗 (6) 2.3.3倾斜 (7) 2.3.4下划线 (7) 2.3.5删除线 (7) 2.3.6左对齐 (7) 2.3.7居中对齐 (7) 2.3.8右对齐 (7) 2.3.9两端对齐 (7) 2.3.10插入/删除编号列表 (8) 2.3.11插入/删除项目列表 (8) 2.3.12文本颜色 (8) 2.3.13背景颜色 (8) 2.3.14下标 (8) 2.3.15上标 (8) 2.3.16源代码 (9)
1文本编辑器结构 文本编辑器大体结构可以分为两部分，分别为：功能操作按钮栏和内容栏。 1.1功能操作按钮栏 功能操作按钮栏：用于对内容进行编辑。 1.2内容栏 内容栏：用于显示输入的内容。 2功能分解 在功能操作按钮栏中功能按钮分为三排，下面将分别按照每排的顺序进行逐一介绍。 2.1功能操作按钮栏第一排 功能操作按钮栏第一排中共包含16个功能按钮，如下图所示。 图2-1-1 功能操作按钮栏第一排
几种常用网页文本编辑器总结
文本编辑器应用总结 一．lhgeditor文本编辑器 lhgeditor组件文件结构： 1. lhgeditor.js：组件的核心JS文件 2. lhgeditor.css：组件的样式表文件 3. images：组件所需的图片都在此文件夹中 以上三个文件为组件所必须的三个文件，组件包中其它以“_”开头的文件为示例的演示文件，实际使用中不需要这些文件。当然框架核心文件lhgcore.js是每个组件都必须用到的文件，记得加载组件前先要加载此文件。 lhgeditor组件使用说明： 1. 在调用组件的页面加载lhgcore.j s和lhgeditor.js两个文件。 2. 在window.onload函数里加入J.editor.add(编辑器的id).init(); 例：
二．nicEdit文本编辑器