[会员中心]  [发布文章][发布软件]  [中文繁體]

文章·资料  电脑软件  手机软件  网站源码 电脑·手机·网络学习话题娱乐故事 文化·历史国学典籍法律法规 操作系统网络办公·文件音频视频图形图像 硬件·驱动程序行业教学学习编程游戏 安卓苹果鸿蒙 其他 ASPASP.NETJSPPHP HTML·CSS·JavaScript

本 站 搜 索 文章 软件 [选项] 文章类别： [全部]电脑·手机·网络话题故事文化·历史娱乐学习法律·法规国学典籍 搜索选项： 文章编号 文章标题 文章作者 文章来源 相关链接 关键字词 文章标签 文章内容 软件类别： [全部]操作系统网络办公·文件音频视频图形图像行业编程教学学习游戏硬件·驱动程序安卓系统苹果系统鸿蒙系统其他系统HTML·CSS·JavaScriptASPJSPPHPASP.NET 搜索选项： 软件编号 软件名称 软件作者 软件来源 相关链接 关键字词 软件标签 软件简介

发 送 文 章 在线HTML编辑器原理 〖评论()〗〖留言〗〖收藏〗  收信地址 填写收信人的电子邮箱 邮件主题 填写邮件主题 邮件内容 为什么能实现在线编辑呢?首先需要ie的支持，在ie5.5以后就有一个编辑状态，就是利用这个编辑状态,然后用javascript来控制在线编辑的。 下面给出一个简短的例子： 首先要有一个编辑框，这个编辑框其实就是一个可编辑状态的网页，我们这里用iframe来建立编辑框 IFRAMEid=HtmlEditstyle="WIDTH:100%;HEIGHT:296px"marginWidth=0marginHeight=0/IFRAME 并且在加上javascript代码来指定HtmlEdit有编辑功能: functiondocument.onreadystatechange(){ HtmlEdit.document.designMode="On"; } HtmlEdit.document.body.innerHTML这句可以获得HtmEdit里面的html代码.一般的我们会用这样的javascript将iframe里的内容传递给一个textarea然后提交给服务器处理. functiongetIframeData(){ document.form1.test.value=HtmlEdit.document.body.innerHTML; } functionsentIframeData(){ HtmlEdit.document.body.innerHTML=document.form1.test.value; } varsel=HtmlEdit.document.selection.createRange();而这一句可以获得选取的焦点: 下面我就演示一个完成的例子.一个拥有加粗功能的在线编辑器,有兴趣的朋友可以在此基础上完成其他功能!! html head metahttp-equiv="Content-Type"content="text/html;charset=gb2312" scriptlanguage="javascript" functiongetIframeData(){ document.form1.test.value=HtmlEdit.document.body.innerHTML; } functionsentIframeData(){ HtmlEdit.document.body.innerHTML=document.form1.test.value; } functiondoB(){ HtmlEdit.focus(); varsel=HtmlEdit.document.selection.createRange(); insertHTML("b"+sel.text+"/b"); } functioninsertHTML(html){ if(HtmlEdit.document.selection.type.toLowerCase()!="none"){ HtmlEdit.document.selection.clear(); } HtmlEdit.document.selection.createRange().pasteHTML(html); } functiondocument.onreadystatechange() { HtmlEdit.document.designMode="On"; } /script /head body formaction="test.asp?act=add"method="post"name="form1" IFRAMEid=HtmlEditstyle="WIDTH:100%;HEIGHT:296px"marginWidth=0marginHeight=0/IFRAME textareaname="test"rows="10"id="test"style="width:100%;"/textarea br inputtype="submit"name="Submit"value="提交" inputtype="button"value="iframe-textarea"onClick="getIframeData()" inputtype="button"value="textarea-iframe"onClick="sentIframeData()" inputtype="button"value="B"onClick="doB()" /form /body /html<br /><br />文章网址：<a href="https://dangbai.cn/Article.asp?ID=10001189" target="_blank">https://dangbai.cn/Article.asp?ID=10001189</a> 填写邮件内容 发信地址 填写发信人的电子邮箱 邮件签名 填写邮件签名  验证码   填写验证码，单击刷新验证码    程序执行中，请稍候... 发送协议 ·欢迎使用本站在线文章发送系统。 ·不得使用本站在线发送邮件系统发送垃圾邮件、广告邮件。 ·如果收信人地址或其服务器出现错误，可能无法成功发送。 ·如果有什么问题，或者意见建议，请联系［网站管理员］。

当百网   本站使用【啊估文章软件站】网站系统    〖网站管理员留言簿〗