eWebEditor首页 >> eWebEditor帮助文档 V15.2 >> 开发手册 >> 集成调用 >> 前后端分离部署和调用

3.3.6.3 前端调用

按上面说明把前端文件和后端文件部署好后,您就可以在您网页里调用编辑器了。调用方法和原来的不是前后端分离的对比,只是多了一个参数,如下:

比如,原来的调用是:

<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>

前后端分离,则需要多一个参数backendurl,用来指定后端程序所在的位置,如下:

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

<iframe ID="eWebEditor1" src="/ewebeditor.htm?id=content1&style=coolblue&backendurl=http://后端/ewebeditor/" frameborder="0" scrolling="no" width="500" height="350"></iframe>

Javascript调用方法示例如下:

<script type="text/javascript">

// EWEBEDITOR.Create 方法示例

var editor = EWEBEDITOR.Create("textarea1", {style:"coolblue", width:"550", height:"350", backendurl:"http://后端/ewebeditor/"}, "初始值");

 

// EWEBEDITOR.Replace 方法示例

var editor = EWEBEDITOR.Replace("textarea1", {style:"coolblue", width:"550", height:"350", backendurl:"http://后端/ewebeditor/"});

</script>