eWebEditor的使用

eWebEditor的使用 - 堕落之殿 - 堕落的灵魂

一、下载并配置 eWebEditor 控件

下载完毕后，将压缩包进行解压，然后移动到站点所在目录(如F:\news\edit\)的任何位置中。这里将其保存到站点news根目录下面的edit文件夹中。

这样便完成了eWebEditor控件的下载及其配置。可以看到，该控件的使用其实非常方便，用户只需将其释放到站点目录下，而无需在 IIS 服务器中进行任何的设置。

二、了解 eWebEditor 控件

eWebEditor 控件是一个所见即所得的在线编辑器，它可以和前台中的文本域或隐藏域表单控件进行绑定，并且实现控件之间数据的传递与交互。

要实现 eWebEditor 与表单控件的通信，用户必须首先了解一下该控件的通信编程接口。简单来说，就是要知道如何在网页中调用该控件。

调用：

eWebEditor的调用是非常简单，基本上只是在原来的使用中加入一行代码。

标准调用语句：

</iframe>

　可以看到，这是一个iframe表单控件，也是平时所说的浮动框架。该控件包括了6个参数，下面将分别对其进行一一说明，具体见附录表一。

附录表一　　相关参数说明

参数名称	说明
ID	用于在网页标识iframe浮动框架，从而区别其同类的表单控件
src	用于调用eWebEditor控件。其中，用户须将"/ewebeditor.asp"替换为eWebEditor控件在站点中的实际路径。例如将其保存到站点news根目录下面edit文件夹后,则
	"/ewebeditor.asp"须相应更改为"edit/ewebeditor.asp"
	需要注意的是,"ewebeditor.asp"后面还附带两个URL变量,其名称分别为"id"和"style"。
	其中,该变量的意义分别为:
	(1)id:用于相关联的保存编辑内容的表单控件名,也就是与eWebEditor控件绑定的表单控件名称
	(2)style:使用的样式名,可以是标准的样式名(standard)或自定义的样式名
frameborder	用于设置iframe浮动框架的边框,其值只能为0或1。
frameborder	当frameborder等于0时,表示无边框；等于1时,则表示显示框架的边框
scrolling	用于设置iframe浮动框架是否出现滚动条。它有3个值,分别为no、auto和yes。当frameborder
	等于no的时候,表示没有滚动条:当为yes时,则表示有滚动条。如果为auto时,则当浮动框
	架内设的高度或长度小于嵌入到框架内对象的高度或长度时,出现滚动条
width	用于设置iframe浮动框架的宽度
height	用于设置iframe浮动框架的高度

参数说明：

· /ewebeditor.asp应改为你实际安装的路径

· 参数id：相关联的表单项名，也就是提交保存页要引用的表单项名，多个调用时，请保证id不同，可参见后面例子

· 参数style：使用的样式名，可以是标准的样式名或自定义的样式名，如果使用标准standard可留空

· width,height：根据实际需要设置，eWebEditor将自动调整与其适应

· 在后台管理中，可以得到每个样式的最佳调用代码所有入口参数：(即：eWebEditor.asp?后面的参数)

了解 eWebEditor 控件调用的相关参数设置后，用户便可以根据自身的需要定制在线编辑器的样式、外观，以及和哪个表单控件进行绑定。

下面将根据新闻发布系统制作的需要，定义在线编辑器的高度、宽度和样式分别为350、550和standard，并且它与一个名称为”news”的隐藏域进行绑定。那么，根据参数定义，其完整的调用语句如下：

</iframe>

三、建立表单控件并绑定 eWebEditor控件

eWebEditor 控件相当于一个功能模块，它可以和“文本域”和“隐藏域”这两种表单控件进行绑定。不过，由于这两种绑定方式的实现原理是一致的，所以下面将以“隐藏域”为调用表单控件，简要介绍表单控件和 eWedEditor 控件的绑定。

(1)、打开新闻添加页面 (addnew.asp), 然后在新闻内容左侧的单元格中插入一个隐藏域，并设置其名称为 "news"。

(2)、将鼠标焦点定位于隐藏域的右侧，然后切换到“代码”视图，在当前的位置中输入下列的代码片断：

</iframe>

可以看到，上面代码片断中的URL参数id的值为”news”，它和隐藏域的名称是一致的。这样便完成了表单控件与eWebEditor控件的绑定。

四、提交表单数据

切换到“服务器行为”控制面板，单击＋按钮，然后在下拉菜单中选择“插入记录”命令。最后，在弹出的“插入记录”对话框中，进行参数设置。

可以看到，新闻内容字段所对应的表单控件为名称为“news”的隐藏域，其他的参数设置则保持不变。这样，用户便无需考虑 eWebEditor 控件的执行原理，而只需将其绑定到其他表单控件便可以了。

五、输出新闻内容

数据提交到后台数据库后，在新闻详细页面(showdetail.asp) 中，用户只需将字段 "content" 绑定到页面的相应位置中便可以了，无需设置新闻内容在输出到页面之前必须通过HTMLcode() 函数。

eWebEditor的使用相关推荐

ewebeditor下利用ckplayer增加html5 （mp4）全平台的支持
学校数字化平台富文本编辑器一直用的ewebeditor,应该说非常的好,支持常用office文档的直接导入,极大的方便了老师们资料的上传,最近在规划整个数字化校园向全平台改版,框架采用bootstra ...
ewebeditor 5.2 列目录漏洞
利用方法如下 http://www.st0p.org/ewebeditor/asp/browse.asp?style=standard650&dir=-././/.. 由于st0p测试的时候, ...
ewebeditor 上传大内容文本注意点
背景:在ewebeditor中插入了一张从word中粘贴过来的表格(未去除word格式),140行*4列,结果服务器死活无法获取整张表内容,只能获取到表最后几行内容:同时,ewebeidtor所在的表 ...
ewebeditor后台拿shell
2019独角兽企业重金招聘Python工程师标准>>> 现在eWebSoft在线编辑器用户越来越多,危害就越来越大~ 首先介绍编辑器的一些默认特征: 默认登陆admin_login. ...
解决eWebEditor老版本在IE新版本下按钮失效问题一劳永逸的办法
解决eWebEditor老版本在IE新版本下按钮失效问题一劳永逸的办法参考文章: (1)解决eWebEditor老版本在IE新版本下按钮失效问题一劳永逸的办法 (2)https://www.cnbl ...
ewebeditor编辑器ASP/ASPX/PHP/JSP版本漏洞利用总结及解决方法
ewebeditor编辑器ASP/ASPX/PHP/JSP版本漏洞利用总结及解决方法参考文章: (1)ewebeditor编辑器ASP/ASPX/PHP/JSP版本漏洞利用总结及解决方法 (2)ht ...
关于ewebeditor行距
在ewebeditor发文时使用行距,会出现行与行之间重叠的问题,尤其是从word中复制的文字. 解决办法如下: 由于ewebeditor支持"自动转换为HTML代码",则可以在& ...
js 获取 eWebEditor 的内容
最近想使用一个html编辑器,而我想获取的值又是通过客户端面的,想起以前使用过 eWebEditor 在线编辑器还不错, 但是以前的获取值都是在后台获得的,试过用 document.getElemen ...
eWebEditor 错误（不支持 ie7 ie8 maxthon 及其它浏览器）终极办法
还有由于那个eWebEditor编辑器的问题. 今天检查公司一老站后台,发现eWebEditor编辑不能使用,按照网上找的答案找到editor.js文件,把这文件里的一行语句if(element.Y ...
eWebEditor不支持IE8的解决方法
现在公布方法:替换editor.js 函数 // Toolbar button onmouseup handler function BtnMouseUp() { if (event.srcEleme ...

eWebEditor的使用

eWebEditor的使用相关推荐

最新文章

热门文章