eWebEditor(首页) >> 在线文档 >> 开发手册 >> 代码实例

3.8.4 客户端API

此例演示了如何利用eWebEditor提供的Client API实现在客户端与编辑器的交互。

要正常使用此代码,请把代码中的"ewebeditor.htm"文件的路径定位到eWebEditor实际的存放的路径。

此例打包在系统的压缩包例子目录中: _example/clientapi.asp(.php/.aspx/.jsp)

<HTML>

<HEAD>

<TITLE>eWebEditor : 客户端API示例</TITLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">

<style>

body,td,input,textarea {font-size:8pt; font-family:Verdana, Arial, Helvetica}

</style>

</HEAD>

<BODY>

 

<p><b>Navigator : <a href="default.asp">Home</a> &gt; 客户端API示例</b></p>

<p>您可以用eWebEditor提供的客户端API,对编辑器执行高级操作。更多API,请参见开发手册。</p>

 

<FORM method="post" name="myform" action="retrieve.asp">

<TABLE border="0" cellpadding="2" cellspacing="1">

<TR>

     <TD>Content:</TD>

     <TD>

         <INPUT type="hidden" name="content1" value="&lt;p&gt;eWebEditor - Advanced online browser based HTML Editor.&lt;/p&gt;">

         <IFRAME ID="eWebEditor1" src="../ewebeditor.htm?id=content1&style=coolblue" frameborder="0" scrolling="no" width="550" height="350"></IFRAME>

     </TD>

</TR>

<TR>

     <TD colspan=2 align=right>

     <INPUT type=submit value="Submit">

     <INPUT type=reset value="Reset">

     <INPUT type=button value="View Source" onclick="location.replace('view-source:'+location)">

     </TD>

</TR>

<TR>

     <TD>HTML:</TD>

     <TD><TEXTAREA cols=50 rows=5 id=myTextArea style="width:550px"></TEXTAREA></TD>

</TR>

<TR>

     <TD colspan=2 align=right>

     <INPUT type=button value="getHTML" onclick="myTextArea.value=eWebEditor1.getHTML()">

     <INPUT type=button value="setHTML" onclick="eWebEditor1.setHTML('<b>Hello My World!</b>')">

     <INPUT type=button value="insertHTML" onclick="eWebEditor1.insertHTML('This is insertHTML function!')">

     <INPUT type=button value="appendHTML" onclick="eWebEditor1.appendHTML('This is appendHTML function!')">

     <br>

     <INPUT type=button value="Source Mode" onclick="eWebEditor1.setMode('CODE')">

     <INPUT type=button value="Edit Mode" onclick="eWebEditor1.setMode('EDIT')">

     <INPUT type=button value="Text Mode" onclick="eWebEditor1.setMode('TEXT')">

     <INPUT type=button value="Preview Mode" onclick="eWebEditor1.setMode('VIEW')">

     </TD>

</TR>

</TABLE>

</FORM>

 

</BODY>

</HTML>