|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
ASP最大的缺点在于网络的安全性和可靠性,企业将经营数据放在开放的平台上,最大的担忧就是如何保证这些数据不被其他人破坏。详解|在线 HTML在线编纂器不必要明白利用Dreamweaver,会用Word就会利用此编纂器,在文章体系大概是旧事体系必要笔墨编纂的web程序中十分有用。
可是怎样将html编纂器嵌进到web页中和怎样获得内里的数据呢?!
起首我们假定我们所要挪用得HTML在线编纂器放在一个独自得页面中,文件名是gledit.htm。
HTML在线编纂器有两种基础挪用办法:
1、利用object挪用:
1、怎样在web页中嵌进html编纂器:我们在必要嵌进得地位到场以下html代码:
<objectid=doc_htmldata="gledit.htm"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()
{
document.form1.content.value=document.form1.doc_html.value;
}
</script>
<formmethod="post"action="add_news_save.asp"name="form1">
<objectid=doc_htmlname=doc_htmlstyle="LEFT:0px;TOP:0px"data="gledit.htm"width=530height=320type=text/x-scriptletVIEWASTEXT></object>
<inputtype="hidden"name="content">
</form>
如许在背景处置的页面中我们就能够间接经由过程取埋没地区content的数据来猎取html在线编纂器的数据。
3、怎样在文本编纂器中到场上传本机图片到html在线编纂器中:起首我们使得在点击拔出图片的按钮时弹出一个上传图片的窗口,我们使用本人写的程序来完成上传本机图片到服务器上,然后我们必要纪录图片的路径,然后经由过程html在线编纂器的值中到场显现图片的html标签。具体申明及代码以下:
在编纂器中我们在拔出图片的按钮上到场事务
>
在img_upload.asp中我们将提交的图片上传到服务器制订目次然跋文录图片路径
<scriptlanguage=javascript>
varsrc=<%="upload/"&newname%>;
opener.form1.doc_html.value+="";
window.close();
</script>
如许就完成了复杂的将上传的图片拔出到编纂器中。
4、怎样在编纂修正文章的时分挪用HTML在线编纂器来修正数据:当我们把在增加的时分将HTML在线编纂器来修正数据提交到数据库后我们还必要能将数据库的内容用HTML在线编纂器来修正数据。起首我们在表单中到场一个埋没地区来安排数据库中的内容,比方
<TEXTAREAstyle="display:none"NAME="content"ROWS="20"COLS="70"><%=rs("Content")%></TEXTAREA>,要注重这里我们用埋没的textarea而不克不及用埋没的input,由于数据内里大概包括了回车换行,以是假如我们利用
<INPUTTYPE="hidden"name=contentvalue="<%=(rs("Content")%>">
极可能由于
<%=(rs("Content")%>有换行而呈现HTML毛病(value=前面接的数据必需包管是在一行,不然堕落)。然后依照后面先容的办法利用object挪用HTML在线编纂器,办法和代码同上,如今我们要做的实在就是提交时分的逆历程,我们只需将埋没文本地区的内容复制到HTML在线编纂器就能够了,在这里我们在body内里加上<body>,
如许在页面装载完的时分就能够将数据库中的内容放进HTML在线编纂器中编纂了,提交历程和下面先容的一样,在此就不赘述了。
2、利用iframe挪用(有些和object挪用反复的中央就复杂形貌一下)
1、怎样在web页中嵌进:我们在必要嵌进得地位到场以下html代码:
<IFRAMESRC="gledit.htm"id=content_htmlstyle="LEFT:0px;POSITION:
absolute;TOP:0px;z-index:0"width="100%"height="100%"></IFRAME>个中"src="前面接得数据就是我们所要挪用得在线编纂器页得路径,id就是我们挪用IFRAME得id,Width和height就是编纂器得高度和宽度了。
2、怎样获得html编纂器中的数据:一样一切必要提交的内容我们都是放在一个表单内里,同时我们能够设置一个埋没的文本地区(<textareaname="content"style="display:none"></textarea>或<INPUTTYPE="hidden"name="content">)用以在提交的时分一时保留html在线编纂器的数据,我们借助埋没文本地区来猎取数据。我们在表单提交的同时将object内里的内容复制到埋没的文本地区中。具体代码以下:
functionsubchk(cmd)
{
document.form1.content.value=window.content_html.getHTML();
}
</SCRIPT>
<FORMMETHOD=POSTACTION="Article_add_save.gl"name="form1">
<inputtype="hidden"name="content">
<IFRAMESRC="gledit.htm"id=content_htmlstyle="LEFT:0px;
POSITION:absolute;TOP:0px;z-index:0"width="100%"height="100%"></IFRAME>
</FORM>
在背景处置的页面中我们就能够间接经由过程取埋没地区content的数据来猎取html在线编纂器的数据。
2、怎样获得html编纂器中的数据:一切必要提交的内容我们都是放在一个表单内里,一样使用object挪用的编纂器也放在这个表单内里,同时我们能够设置一个埋没的文本地区(<textareaname="content"style="display:none"></textarea>或<INPUTTYPE="hidden"name="content">)用以在提交的时分一时保留html在线编纂器的数据,由于在asp大概jsp,php中不克不及间接猎取表单中的object的内容,以是我们必需借助埋没文本地区来猎取数据。我们在表单提交的同时将object内里的内容复制到埋没的文本地区中。具体代码以下:
<scriptlanguage="javascript">
functionCheckForm()
{
document.form1.content.value=document.form1.doc_html.value;
}
</script>
<formmethod="post"action="add_news_save.asp"
name="form1">
<objectid=doc_htmlname=doc_htmlstyle="LEFT:0px;TOP:0px"
data="gledit.htm"width=530height=320type=text/x-scriptletVIEWASTEXT></object>
<inputtype="hidden"name="content">
</form>
如许在背景处置的页面中我们就能够间接经由过程取埋没地区content的数据来猎取html在线编纂器的数据。
3、怎样在文本编纂器中到场上传本机图片到html在线编纂器中:起首我们使得在点击拔出图片的按钮时弹出一个上传图片的窗口,我们使用本人写的程序来完成上传本机图片到服务器上,然后我们必要纪录图片的路径,然后经由过程在挪用html在线编纂器的web页中写一个函数在光标的地位拔出显现图片的html标签。具体申明及代码以下:
在编纂器中我们在拔出图片的按钮上到场事务
>
在挪用编纂器的页面中我们界说好拔出html代码到编纂器的函数
<scriptlanguage=javascript>
functioninsertHtml(HtmlCode)
{
varwin=window.content_html.idEditbox.document;
window.content_html.idEditbox.focus();//是编纂器取得核心,安排代码拔出在编纂器外埠方
win.selection.createRange().pasteHTML(HtmlCode)//在光标的地位拔出html代码
}
</script>
在处置上传图片的文件中,我们挪用父窗口的函数拔出html代码
<scriptlanguage=javascript>
varsrc=<%="upload/"&newname%>;
varhtmlcodes;
htmlcodes="</IFRAME>,如许在页面装载完的时分就能够将数据库中的内容放进HTML在线编纂器中编纂了,提交历程和下面先容的一样,在此就不赘述了。
这里只是复杂的向人人先容了一下怎样来挪用html在线编纂器,详细代码并未逐一列出,收拾过程当中,假如人人对文章中的内容有任何成绩和倡议请和我接洽。
优点:简单易学、开发速度快、有很多年“历史”,能找到非常多别人做好的程序来用、配合activeX功能强大,很多php做不到的asp+activeX能做到,例如银行安全控件 |
|