1 / 5
文档名称:

HTML在线编辑器的调用和使用方法.doc

格式:doc   大小:18KB   页数:5页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

HTML在线编辑器的调用和使用方法.doc

上传人:文库旗舰店 2019/9/15 文件大小:18 KB

下载得到文件列表

HTML在线编辑器的调用和使用方法.doc

相关文档

文档介绍

文档介绍:HTML在线编辑器的调用和使用方法HTML在线编辑器不需要懂得使用Dreamweaver,会用Word就会使用此编辑器,在文章系统或者是新闻系统需要文字编辑的web程序中非常实用。但是如何将html编辑器嵌入到web页中和怎么取得里面的数据呢?!首先我们假定我们所要调用得HTML在线编辑器放在一个单独得页面中,。HTML在线编辑器有两种基本调用方法一、使用object调用:1、怎么在web页中嵌入html编辑器:我们在需要嵌入得位置加入以下html代码:<objectid=doc_htmldata=""width=530height=320type=text/x-scriptletVIEWASTEXT></object>其中object标签里面得data后面接得数据就是我们所要调用得在线编辑器页得路径,id就是我们调用object得id,后面取编辑器中得数据时就要用到这个id。Width和height就是编辑器得高度和宽度了。2、怎么取得html编辑器中的数据:所有需要提交的内容我们都是放在一个表单里面,同样利用object调用的编辑器也放在这个表单里面,同时我们可以设置一个隐藏的文本区域(<textareaname="content"style="display:none"></textarea>或<INPUTTYPE="hidden"name="content">)用以在提交的时候临时保存html在线编辑器的数据,因为在asp或者jsp,php中不能直接获取表单中的object的内容,所以我们必须借助隐藏文本区域来获取数据。我们在表单提交的同时将object里面的内容复制到隐藏的文本区域中。详细代码如下:<scriptlanguage="javascript">functionCheckForm(){=;}</script><formmethod="post"action=""onsubmit="CheckForm()"name="form1"><objectid=doc_htmlname=doc_htmlstyle="LEFT:0px;TOP:0px"data=""width=530height=320type=text/x-scriptletVIEWASTEXT></object><inputtype="hidden"name="content"></form>这样在后台处理的页面中我们就可以直接通过取隐藏区域content的数据来获取html在线编辑器的数据。3、怎么在文本编辑器中加入上传本机图片到html在线编辑器中:首先我们使得在点击插入图片的按钮时弹出一个上传图片的窗口,我们利用自己写的程序来实现上传本机图片到服务器上,然后我们需要记录图片的路径,然后通过html在线编辑器的值中加入显示图片的html标签。详细说明及代码如下:在编辑器中我们在插入图片的按钮上加入事件onclick="("","img_upload","width=481height=190")">在"img