EWebEditor/JavaScript API

来自站长百科
跳转至: 导航、​ 搜索

EWebEditor | 安装说明 | 集成调用|可视化配置管理|表单接收|JavaScript API|常见问题及解答

API调用方法[ ]

在使用API之前,需要指定访问或处理的编辑器的名称,这是由于eWebEditor是允许多实例化的,即一个表单或一个网页中可能有多个编辑器存在。

下面是标准的调用方法示例:

<textarea name="content1" style="display:none"></textarea>

<iframe ID="eWebEditor1" src="/ewebeditor.htm?id=content1&style=coolblue" frameborder="0" scrolling="no" width="500" HEIGHT="350"></iframe>

getHTML[ ]

  • 描述

返回编辑器的HTML代码内容

  • 语法

variable = object.getHTML();

  • 示例

下面的示例演示了获取名为“myEditor”编辑器的内容的方法:

var html = myEditor.getHTML();

执行上面代码后,变量“html”已包含当前编辑器所编辑的所有HTML代码内容。

getText[ ]

  • 描述

返回编辑器的纯文本内容,纯文本即不含任何的HTML代码,但含有换行、空格、TAB等。

  • 语法

variable = object.getText();

  • 示例

下面的示例演示了获取名为“myEditor”编辑器的纯文本内容的方法:

var text = myEditor.getText();

执行上面代码后,变量“text”已包含当前编辑器所编辑的内容的纯文本内容。

getCount[ ]

  • 描述

返回编辑器内容的字数统计。

  • 语法

variable = getCount(int nType);

  • 参数

这唯一的参数是一个表示获取字数统计的类型,数字型。必需是下面四个值之一:

0: 统计英文字数

1: 统计中文字数

2: 统计中文和英文的字数,1个中文按加1计算

3: 统计中文和英文的字数,1个中文按加2计算

  • 示例:

这下面的方法演示了获取名为“myEditor”的编辑器内的内容字数。

假设当前编辑的内容是“Ab中国人”。

var n = myEditor.getCount(0);     //返回 n=2

var n = myEditor.getCount(1);     //返回 n=3

var n = myEditor.getCount(2);     //返回 n=5

var n = myEditor.getCount(3);     //返回 n=8

setHTML[ ]

  • 描述

设置编辑器的内容,覆盖原有内容

  • 语法

object.setHTML(string html);

  • 参数

这唯一的参数是一个表示您要设置的HTML代码内容的字符串。

  • 示例:

这下面的代码演示了通过客户端代码如何设置名为“myEditor”的编辑器的内容。

myEditor.setHTML('The code I want to set');

insertHTML[ ]

  • 描述

在当前光标所在位置插入HTML代码内容

  • 语法

object.insertHTML(string html);

  • 参数

这唯一的参数是一个表示您要插入的HTML代码内容的字符串。

  • 示例:

这下面的代码演示了在名为“myEditor”的编辑器的光标所在位置插入内容:

myEditor.insertHTML('The code I want to insert');

setMode[ ]

  • 描述

切换编辑区到指定的编辑模式。

  • 语法

object.setMode(string newMode);

  • 参数

这唯一的参数是一个表示编辑器状态的字符串。必需是下面四个值之一:

  1. "CODE": HTML源代码编辑模式
  2. "EDIT": 可视编辑模式
  3. "TEXT": 纯文本编辑模式
  4. "VIEW": 预览模式
  • 示例:

这下面的方法演示了把名为‘myEditor’的编辑器切换到预览模式。

myEditor.setMode('VIEW');

remoteUpload[ ]

  • 描述

上传远程文件到本地服务器。并把远程文件相关的路径,全部改为本地路径。

远程文件指的是非自己WEB服务器上文件,如您的站点是www.yoursite.com,内容中一个<img src=http://www.othersite.com/xxx.gif>,则此图片文件为远程文件,经远程文件上传后,内容中的图片路径变成本地形式,如:<img src=../xxx.gif>

  • 语法

object.remoteUpload(string strEventUploadAfter);

  • 参数

唯一的参数指定的是上传完成后,程序接着执行的事件。如果上传完无需执行其它事件,可以为空。

此函数如果在表单提交时执行,请把此函数放在所有表单有效性检测之后。如果一个表单中有多个编辑器,你可以通过对象名指定某个编辑区的内容上传。

  • 示例:

这下面的例子演示了名为‘myEditor’的编辑器执行了远程上传,然后提交表单。

myEditor.remoteUpload ("doSubmit()");

function doSubmit(){

     document.myform.submit();

}

参考来源[ ]

EWebEditor使用手册导航

安装说明

集成调用

标准调用|弹窗调用|ASP.NET控件调用|注意事项

可视化配置管理

后台管理|样式管理|样式属性设置|工具栏管理|按钮管理|上传文件管理

表单接收

JavaScript API

常见问题及解答