在线编辑器ewebeditor
运 行 环 境 |
eWebEditor 是基于WEB多种语言开发的一套网络在线编辑系统模块,正常使用该软件,跟据您选择的语言环境,只要能满足此语言的运行即可,无特殊要求。
因为编辑器使用了JAVASCRIPT客户端语言,如果浏览器不支持JAVASCRIPT或关闭了这个功能的话,编辑器就不能正常工作了。另外,编辑器还需要使用者的浏览器版本是IE5.5以上,否则编辑器的可视HTML编辑功能将不能正常工作,但仍然可以使用纯文本方式进行编辑。
|
安装:
安装是非常容易的,首先你要做的就是把eWebEditor文件上传到你的网站,请按以下步骤进行:
- 从eWebEditor产品网站下载最新的版本。
- 解压下载下来的压缩文件到你本机(确定eWebEditor内的目录文件结构层次保持与压缩文件内一致)。
- 在你的站点上建一个新文件夹,如:/eWebEditor/(最好在要目录下,调用更方便)。
- 把eWebEditor在的所有文件及目录上传到你站点刚才建立的文件夹中。
- 运行例子文件(http://www.yoursite.com/ewebeditor/example/test.asp),看是否运行正常。OK。
设置:
eWebEditor带有后台管理功能,你可以方便对样式,上传文件等进行管理。设置请注意:
- 后台管理的登录地址:http://www.yoursite.com/ewebeditor/admin_login.asp
- 第一次安装请用默认用户admin和密码admin登陆后台,并进入管理页面更改管理用户和密码
- 建议安装好后,更改数据库名字,以免别人恶意下载,默认数据名为db/ewebeditor.mdb,更改名字后请修改include/startup.asp文件中相关连接
- 系统自带有几个标准样式,不允许修改,在你新增样式时,最好先预览,然后通过“拷贝标准样式”的方式,以达到快速新增样式的目的,且不易出错
调用:
eWebEditor的调用是非常简单,基本上只是在原来的使用中加入一行代码。
标准调用:
参数说明:
- /ewebeditor.asp应改为你实际安装的路径
- 参数id:相关联的表单项名,也就是提交保存页要引用的表单项名,多个调用时,请保证id不同,可参见后面例子
- 参数style:使用的样式名,可以是标准的样式名或自定义的样式名,如果使用标准standard可留空
- width,height:根据实际需要设置,eWebEditor将自动调整与其适应
- 在后台管理中,可以得到每个样式的最佳调用代码
所有入口参数:(即:eWebEditor.asp?后面的参数)
- id:相关联的保存编辑内容的表单项名,也就是提交保存页要引用的表单项名
- style:使用的样式名,可以是标准的样式名或自定义的样式名,如果使用标准standard可留空
- originalfilename:相关联的保存上传原文件名列表的表单项名,必须是input类型,可以带onchange事件[例子]
- savefilename:相关联的保存上传保存文件名列表的表单项名,必须是input类型,可以带onchange事件[例子]
- savepathfilename:相关联的保存上传保存文件名(带路径)列表的表单项名,必须是input类型,可以带onchange事件[例子]
例子:新增表单
你原来可能是:
现在是:
<iframe ID="eWebEditor1" src="/ewebeditor.asp?id=content1&style=standard" frameborder="0" scrolling="no" width="500" HEIGHT="350"></iframe>
或者
<iframe ID="eWebEditor1" src="/ewebeditor.asp?id=content1&style=standard" frameborder="0" scrolling="no" width="500" HEIGHT="350"></iframe>
例子:修改表单
你原来可能是:
现在是:
<iframe ID="eWebEditor1" src="/ewebeditor.asp?id=content1&style=standard" frameborder="0" scrolling="no" width="500" HEIGHT="350"></iframe>
或者
<iframe ID="eWebEditor1" src="/ewebeditor.asp?id=content1&style=standard" frameborder="0" scrolling="no" width="500" HEIGHT="350"></iframe>
注意事项:
- eWebEditor允许在同一表单里有多个,但请保证id在整个网页中是唯一的。即如果已经用了input name=content1第二个调用就要input name=content2之类的。
- 在使用textarea作为原表单项时,要加入style="display:none"。
- 在input修改时一定要用value="",而不是value=''。
- 一定要在动态加入value值时用Server.HTMLEncode()进行处理,否则有可能内容被截掉。
高级调用:
eWebEditor还提供了一些高级调用的方法,如下,但请保证大小写一致:
- getHTML():返回编辑器的内容
- setHTML( html ):设置编辑器的内容
- insertHTML( html ):在当前选择处插入内容
- appendHTML( html ):在文档末尾追加内容
- setMode( NewMode ):改变当前编辑状态
参数NewMode:- "CODE":代码状态
- "EDIT":编辑状态
- "TEXT":文本状态
- "VIEW":预览状态
使用例子如下:[在线演示]
// 取编辑器内容
var sHTML = eWebEditor1.getHTML();
// 设置编辑器内容
eWebEditor1.setHTML('<b>Hello My World!</b>');
// 在当前选择处理插入
eWebEditor1.insertHTML('This is Insert Function!');
// 在尾部追加内容
eWebEditor1.appendHTML('This is Append Function!');
// 改变编辑器状态为代码编辑状态
eWebEditor1.setMode('CODE');
</Script>
取值说明:
由于eWebEditor有对大表单进行自动处理,所以在取值时有
些不同,具体如下:
原来是
sContent = Request.Form("content1")
%>
现在是
For i = 1 To Request.Form("content1").Count
sContent = sContent & Request.Form("content1")(i)
Next
%>
接口:弹窗调用说明:
v2.7.5版本后加入了弹窗调用接口的扩充功能,能实现通过一个链接弹窗打开编辑器,并将编辑的内容保存入指定的表单域。
在eWebEditor根目录下文件名为PopUp.asp,提供的接口传入参数如下:
- style : 样式名
- form : 要返回或设置值的表单form名
- field : 要返回或设置值的表单项textarea名
使用例子如下:[在线演示]
<BODY>
<Script Language=JavaScript>
function eWebEditorPopUp(style, form, field) {
var oPopUp = window.open("PopUp.asp?style="+style+"&form="+form+"&field="+field, "PopUp"+form+field, "toolbar=no,location=no,directories=no,status=yes,menubar=no,
scrollbars=yes,resizable=yes");
}
</Script>
<FORM ACTION="" METHOD="" NAME="myForm">
<TEXTAREA NAME="myField" COLS="50" ROWS="5"></TEXTAREA>
<INPUT TYPE="BUTTON" VALUE="HTML编辑" ONCLICK="eWebEditorPopUp('s_popup', 'myForm', 'myField')">
</FORM>
</BODY>
</HTML>
接口:前台解释(限制)扩充功能说明:
此功能禁用某些标签,如出于安全考虑的Script标签,等。各版本可能有所不同,请参看实际文件中的说明:
- Function eWebEditor_DeCode(s_Content, sFilters)
- s_Content : 要转换的数据字符串
- s_Filters : 要过滤掉的格式集,用逗号分隔多个
使用例子如下:
<!--#include file = "Include/DeCode.asp"-->
<%
' 此例只过滤SCRIPT标签,即意味着内容中的客户端脚本不会生效,您可根据实际的需要加入其它标签。
sContent = eWebEditor_DeCode(sContent, "SCRIPT")
%>
在线编辑器ewebeditor相关推荐
- eWebeditor在线编辑器漏洞利用
利用asp服务器搭建工具NetBox搭建本地网站测试环境,将下载到的eWebEditor文件夹放入网站根目录下 运行服务器,打开浏览器,输入127.0.0.1 可以看到,网站已经能正常启动运行 利用明 ...
- 几种适合开发用的在线编辑器-推荐及下载
1,FCKeditor 编辑器 最新版本: 2.3.1 站点:http://www.fckeditor.net/ 演示:http://www.fckeditor.net/demo 特点:开源.免费 F ...
- 在线编辑ewebeditor
eWebEditor的调用是非常简单,基本上只是在原来的使用中加入一行代码. 标准调用: <iframe ID="eWebEditor1" src="/ewebed ...
- 好用在线html编辑器,求一款好用的html在线编辑器
icefruit 下面这几款html在线编辑器推荐给你使用.有详细的介绍你可以按照你的需要选择.RenderaRendera是一个在线的HTML5编辑器,它支持设计或源码浏览同步编辑.你可以在浏览器里 ...
- 七款HTML在线编辑器[下载]
Html在线编辑器--即所见即所得的可视化编辑器,现列出如下几款: =================================================== ①Text Editor ...
- Java Web实用开发技术(4)------在线编辑器
在线编辑器是一种通过浏览器等对文字.图片等内容进行在线编译修改的工具,让用户在网站上获得"所见即所得"效果.例如:实现诸如留言板.论坛.新闻发布等Web模块时,经常用到在线编译器, ...
- 文章html格式排版工具,网站文章排版美化:推荐几款实用丰富的在线编辑器 | 闲一鱼博客...
便民服务在线编辑器 直通门 加载速度快,功能丰富全面,体验效果不错. KindEditor 直通门 KindEditor可以说是目前最为优秀.成熟的编辑器,加载速度非常快,文档全面,支持扩展开 ...
- confluence 编辑器这次没有加载_介绍10款平时项目里使用比较多的在线编辑器,有需要可以收藏起来
我这里只是收集一些常用在线编辑器,对编辑器的功能,性能,使用难易程度不做任何评测,因为每个人的使用习惯不一样,使用场景也不一样. UEditor (百度开发) UEditor 是一套开源的在线HTML ...
- php后台幻灯片管理,制作 后台管理界面、在线编辑器 幻灯片.ppt
制作 后台管理界面.在线编辑器 幻灯片 制作 后台管理界面 在线编辑器 后台管理界面 接PPT17(设置IIS,建立站点) 1.将压缩文件ewebeditor.rar放在admin中 2.右键eweb ...
最新文章
- 自监督媲美全监督,港中文、商汤场景去遮挡方法入选 CVPR 2020 Oral
- 关于JavaScript中的同步(SYNC)和异步(ASYNC)
- Globus toolkit3.0
- python37.dll可能与您正在运行_win7系统提示模块可能与您正在运行的windows版本不兼容如何解决...
- Word2vec基础之霍夫曼树
- 使用 Bamboo 构建项目的 CICD 过程文档
- sports at liverpool
- 基于结构化数据的文本生成:非严格对齐生成任务及动态轻量的GCN生成模型
- JEPaaS笔记||学习培训资料||案例视频 【全套】
- CentOS7下安装Docker-Compose
- [cocos2d]修改富文本文本和高度
- P3312 [SDOI2014]数表(离线 + 树状数组前缀和优化)
- 2019文献汇总 | 单细胞与病毒感染
- django 正则捕捉路径 re_path函数
- win7开启ftp被动模式_FTP服务器在Linux系统上的搭建
- 源码分析Dubbo服务消费端启动流程
- Python简易验证码生成程序
- TikTok玩法攻略总结,从输出内容再到变现,结尾送干货!
- A 附录、ResolvableType
- java d long_java 中long型数据的对比
热门文章
- 模拟房间冲击响应(Room Impulse Response,RIR),AI去混响
- 阿里巴巴“奇幻”上市之旅惨遭红灯
- Sublime Merge——一款超好用的Git可视化工具
- win11系统SecoClient接收返回码超时解决办法(亲测有效)
- 计算机毕业设计PHP+安卓基于Android的图书管理系统论文(源码+程序+lw+远程调试)
- RE管理器root权限彻底清除教程
- 离散数学_十章-图 ( 5 ):连通性 - 下
- Excel学习日记:L31-布尔逻辑/and和or函数/sumproduct函数
- 利用MsChart控件绘制多曲线图表 z
- 基于遗传算法优化的Elman神经网络数据预测-附代码