###选区API
以下是与选择区域有关的API,**下面有些API在IE8、9可能无效,但是不会报错**。
*使用下面的API,最好要了解一下`javascript`的`range`和`selection`的基础知识。如果要兼容IE8、9,还有了解IE8、9特有的`selection`和 `textRange`的知识。*
-----
- **`editor.currentRange`**
获取或者设置当前的选中区域,例如
```js
var range = editor.currentRange(); // 获取
editor.currentRange(range); // 设置
```
-----
- **`editor.collapseRange`**
折叠传入的选区,或者当前选区。例如:
```js
editor.collapseRange(); // 折叠当前选区,到结束位置
editor.collapseRange(range); // 折叠传入的选区,到结束位置
editor.collapseRange(null, 'start'); // 折叠当前选区,到开始位置
editor.collapseRange(range, 'start'); // 折叠传入的选区,到开始位置
```
-----
- **`editor.getRangeText`**
获取当前选区的文字内容,例如
```js
var rangeText = editor.getRangeText();
```
-----
- **`editor.getRangeElem`**
获取当前选区所在的容器元素,不会是`text node`,而是`elem node`。例如
```js
var elem = editor.getRangeElem();
```
-----
- **`editor.isRangeEmpty`**
判断当前选区有没有选中文字内容。**说明:如果鼠标拖拽选择了若干个文字,那就是有选中内容;如果鼠标点击了某个地方,为选中文字,只有光标闪烁,那就是无选中内容**
```js
if ( editor.isRangeEmpty() ) {
console.log('当前选区无选中内容');
}
```
-----
- **`editor.saveSelection`**
将传入的选区对象或者从浏览器捕获的选区,保存为编辑器的当前选区。
```js
editor.saveSelection(); // 捕获浏览器的选区,保存
editor.saveSelection(range); //将传入的选区对象,保存为当前选区
```
-----
- **`editor.restoreSelection`**
将编辑器的当前选区,或者传入的选区对象,恢复为浏览器能看得见的选择区域。
```js
editor.restoreSelection(); // 恢复当前选区为浏览器的选择区域
editor.restoreSelection(range); // 将传入的选区对象,恢复为浏览器的选择区域
```
-----
- **`editor.restoreSelectionByElem`**
将传入的`elem`元素,作为选区,恢复为浏览器的选择区域。
```js
// 获取编辑器的最后一个 p 元素
var $p = editor.$txt.find('p').last();
var p = $p.get(0);
if (!p) {
return;
}
editor.restoreSelectionByElem(p); // 回复选区至最后一个 p,折叠到结束位置结束位置
editor.restoreSelectionByElem(p, 'start'); // 回复选区至最后一个 p,折叠到结束位置开始位置
```
- 关于wangEditor
- 遇到问题如何解决和提问【重要】
- 开始使用
- 下载
- 创建页面
- 生成编辑器(使用ID)
- 生成编辑器(使用element)
- 调整尺寸
- 销毁与恢复
- 一个页面多个编辑器
- 内容处理
- 初始化内容
- 获取内容
- 追加内容
- 清空内容
- 用 editor.$txt 做其他内容处理
- onchange事件
- 禁用/启用
- 参数配置
- 自定义菜单
- 自定义颜色、字体、字号
- 自定义表情
- 切换语言
- 百度地图key
- 菜单栏吸顶
- 配置全屏的z-index
- 关闭浏览器打印log
- 关闭过滤javascript
- 关闭粘贴过滤样式
- 只粘贴纯文本
- 插入代码-配置默认语言
- 自定义编辑器样式
- 自定义颜色
- 自定义菜单UI
- 自定义表格、引用、代码的样式
- 代码高亮样式
- 图片上传
- 使用前必读
- 支持情况
- 配置说明
- log提示辅助排错
- 后台代码示例
- C#
- java - 例1
- java - 例2
- php
- nodejs
- python
- 自定义上传事件
- 集成plupload插件
- 集成七牛云存储
- 跨域上传
- 上传图片出错时的解决步骤
- 使用模块定义
- 使用require.js
- 使用seajs
- 使用webpack
- 插件开发
- 对象结构
- 常用API
- 全局API
- 对象API
- 基础API
- 选区API
- 命令API
- 扩展一个菜单
- 『缩进』菜单
- 『行高』菜单
- 『插入符号』菜单
- 开发一个插件
- 常见问题
- 关于markdown
- 关于上传附件
- 关于背景图片
- 关于显示压缩图片
- 集成到React
- 集成到angular
- 集成到vue.js
- 如何避免与项目中的css冲突
- xss过滤
- 如何插入视频链接
- 关于mobile端编辑器
- 查看源码第一行有空格