在线html编辑器（html在线编辑器怎么用）

本文目录

• html在线编辑器怎么用
• HTML在线编辑器怎样编辑发光的字
• 关于动态修改HTML在线编辑器内容的问题
• 如何登陆html在线编辑器
• html网页编辑器 哪个比较好

html在线编辑器怎么用

只要你输入任意字元在任意器窗格里，你会立刻发现「网址列」发生了变化，如下图所示，编号1的地方就是你的Bin ID，编号2的地方则是这个Bin的版本编号 (预设会从1开始)，编号3的地方则是目前的显示模式，edit则代表「」模式。预设的情况下，你输入的HTML / CSS / JavaScript都会立刻反映到最右边的Output窗格。

注 :在JS Bin里面，每一个前端网页组合( HTML + CSS + JavaScript )都被称为一个Bin！

当然，只要你把这个Bin设定完成后，便可直接把你当下的JS Bin网址分享出去，非常方便！

导览列介绍

如下图是JS Bin进入后的主要版面，非常简洁，最上方就是个导览列而已，接下来会依图编号解说：

HTML在线编辑器怎样编辑发光的字

《!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"》
《html xmlns="http://www.w3.org/1999/xhtml"》
《head》
《meta http-equiv="Content-Type" content="text/html; charset=gb2312" /》
《title》CSS发光文字效果《/title》
《style type="text/css"》
《!--
body {
background-color: #000;
}
.text { float:left; color:#990000; filter:Dropshadow(offx=1,offy=0,color=#ffffff) Dropshadow(offx=0,offy=1,color=#ffffff) Dropshadow(offx=-1,offy=0,color=#ffffff) Dropshadow(offx=0,offy=-1,color=#ffffff); font-size:14px; font-weight:bold;}
--》
《/style》
《/head》
《body》
《font class="text"》这个的用到css《/font》
《/body》
《/html》

关于动态修改HTML在线编辑器内容的问题

1、要想在旁边的加个上传功能的话，必须要用到服务器端编程语言，如asp，php之类，因为你是要把图片上传到服务器上去，所以单纯的javascript便没办法实现了。
2、因为input中的value是用来关联后面的哪个iframe的，所以实际上我们是要改变iframe的内容，而这个iframe又是封装好的一个控件，想直接修改里面的内容几乎不可能，所以可以考虑先用javascript语句改变input的value内容，然后在用一条javascript语句，重新刷新下iframe的内容。具体语句如下：

document.getElementById(’content’).value = "这是新的content的内容~";
document.iframe1.location.reload();

如何登陆html在线编辑器

被调用的是一个html文本器 《textarea name="Content" cols="80" rows="10" id="note" style="display:none"》《/textarea》 《iframe id="Content" src="Editor.asp?id=Content" frameborder="0" scrolling="no" width="670" height="200" 》《/iframe》 这是调用语句，请问高手为什么我的文本内容一直传不到数据库里面啊 HTML在线器不需要懂得使用Dreamweaver，会用Word就会使用此器，在文章系统或者是新闻系统需要文字的web程序中非常实用。 但是如何将html器嵌入到web页中和怎么取得里面的数据呢？！ 首先我们假定我们所要调用得HTML在线器放在一个单独得页面中，文件名是gledit.htm。 HTML在线器有两种基本调用方法 一、使用object调用: 1、怎么在web页中嵌入html器： 我们在需要嵌入得位置加入以下html代码：《object id=doc_html data="gledit.htm" width=530 height=320 type=text/x-scriptlet VIEWASTEXT》《/object》 其中object标签里面得data后面接得数据就是我们所要调用得在线器页得路径，id就是我们调用object得id，后面取器中得数据时就要用到这个id。Width和height就是器得高度和宽度了。 2、怎么取得html器中的数据：所有需要提交的内容我们都是放在一个表单里面，同样利用object调用的器也放在这个表单里面，同时我们可以设置一个隐藏的文本区域(《textarea name="content" style="display:none"》《/textarea》或《INPUT TYPE="hidden" name="content"》)用以在提交的时候临时保存html在线器的数据，因为在asp或者jsp，php中不能直接获取表单中的object的内容，所以我们必须借助隐藏文本区域来获取数据。我们在表单提交的同时将object里面的内容复制到隐藏的文本区域中。详细代码如下： 《script language="javascript"》 function CheckForm() { document.form1.content.value=document.form1.doc_html.value; } 《/script》 《form method="post" action="add_news_save.asp" onsubmit="CheckForm()" name="form1"》 《object id=doc_html name= doc_html style="LEFT: 0px; TOP: 0px" data=" gledit.htm" width=530 height=320 type=text/x-scriptlet VIEWASTEXT》《/object》 《input type="hidden" name="content" 》 《/form》 这样在后台处理的页面中我们就可以直接通过取隐藏区域content的数据来获取html在线器的数据。 3、怎么在文本器中加入上传本机图片到html在线器中：首先我们使得在点击插入图片的按钮时弹出一个上传图片的窗口，我们利用自己写的程序来实现上传本机图片到服务器上，然后我们需要记录图片的路径，然后通过html在线器的值中加入显示图片的html标签。详细说明及代码如下： 在器中我们在插入图片的按钮上加入事件onclick="window.open(’img_upload.asp.html’,’img_upload’,’width=481 height=190’)"》在’img_upload.asp.html’中我们将提交的图片上传到服务器制定目录然后记录图片路径 《script language=javascript》 var src=’《%="upload/"&newname%》’; opener.form1. doc_html.value +="《img border=0 src="+src+"》"; window.close(); 《/script》 这样就实现了简单的将上传的图片插入到器中。 4、怎么在修改文章的时候调用HTML在线器来修改数据：当我们把在添加的时候将HTML在线器来修改数据提交到数据库后我们还需要能将数据库的内容用HTML在线器来修改数据。首先我们在表单中加入一个隐藏区域来放置数据库中的内容，例如《TEXTAREA style="display:none" NAME="content" ROWS="20" COLS="70"》《%= rs("Content")%》《/TEXTAREA》，要注意这里我们用隐藏的textarea而不能用隐藏的input，因为数据里面可能包含了回车换行，所以如果我们使用《INPUT TYPE="hidden" name=content value="《%=(rs("Content")%》"》很可能因为《%=(rs("Content")%》有换行而出现HTML错误（value=后面接的数据必须保证是在一行，否则出错）。然后按照前面介绍的方法使用object调用HTML在线器，方法和代码同上，现在我们要做的其实就是提交时候的逆过程，我们只要将隐藏文本区域的内容复制到HTML在线器就可以了，在这里我们在body里面加上《body onload="document.form1. doc_html.value=document.form1.content.value"》，这样在页面装载完的时候就可以将数据库中的内容放入HTML在线器中了，提交过程和上面介绍的一样，在此就不赘述了。 二、使用iframe调用（有些和object调用重复的地方就简单描述一下） 1、 怎么在web页中嵌入：我们在需要嵌入得位置加入以下html代码：《IFRAME SRC="gledit.htm" id=’content_html’ style="LEFT: 0px; POSITION: absolute; TOP: 0px;z-index:0" width="100%" height="100%"》《/IFRAME》其中"src="后面接得数据就是我们所要调用得在线器页得路径，id就是我们调用IFRAME得id，Width和height就是器得高度和宽度了。 2、 怎么取得html器中的数据：同样所有需要提交的内容我们都是放在一个表单里面，同时我们可以设置一个隐藏的文本区域(《textarea name="content" style="display:none"》《/textarea》或《INPUT TYPE="hidden" name="content"》)用以在提交的时候临时保存html在线器的数据，我们借助隐藏文本区域来获取数据。我们在表单提交的同时将object里面的内容复制到隐藏的文本区域中。详细代码如下： function subchk(cmd) { document.form1.content.value= window.content_html.getHTML(); } 《/SCRIPT》 《FORM METHOD=POST ACTION="Article_add_save.gl" name="form1" onsubmit=" subchk()"》 《input type="hidden" name="content" 》 《IFRAME SRC="gledit.htm" id=’content_html’ style="LEFT: 0px; POSITION: absolute; TOP: 0px;z-index:0" width="100%" height="100%"》《/IFRAME》 《/FORM》 在后台处理的页面中我们就可以直接通过取隐藏区域content的数据来获取html在线器的数据。 2、怎么取得html器中的数据：所有需要提交的内容我们都是放在一个表单里面，同样利用object调用的器也放在这个表单里面，同时我们可以设置一个隐藏的文本区域(《textarea name="content" style="display:none"》《/textarea》或《INPUT TYPE="hidden" name="content"》)用以在提交的时候临时保存html在线器的数据，因为在asp或者jsp，php中不能直接获取表单中的object的内容，所以我们必须借助隐藏文本区域来获取数据。我们在表单提交的同时将object里面的内容复制到隐藏的文本区域中。详细代码如下： 《script language="javascript"》 function CheckForm() { document.form1.content.value=document.form1.doc_html.value; } 《/script》 《form method="post" action="add_news_save.asp" onsubmit="CheckForm()" name="form1"》 《object id=doc_html name= doc_html style="LEFT: 0px; TOP: 0px" data=" gledit.htm" width=530 height=320 type=text/x-scriptlet VIEWASTEXT》《/object》 《input type="hidden" name="content" 》 《/form》 这样在后台处理的页面中我们就可以直接通过取隐藏区域content的数据来获取html在线器的数据。 3、怎么在文本器中加入上传本机图片到html在线器中：首先我们使得在点击插入图片的按钮时弹出一个上传图片的窗口，我们利用自己写的程序来实现上传本机图片到服务器上，然后我们需要记录图片的路径，然后通过在调用html在线器的web页中写一个函数在光标的位置插入显示图片的html标签。详细说明及代码如下： 在器中我们在插入图片的按钮上加入事件onclick="window.open(’img_upload.asp’,’img_upload’,’width=481 height=190’)"》在调用器的页面中我们定义好插入html代码到器的函数 《script language=javascript》 function insertHtml(HtmlCode) { var win=window.content_html.idEditbox.document; window.content_html.idEditbox.focus();//是器获得焦点，放置代码插入在器外地方 win.selection.createRange().pasteHTML(HtmlCode)//在光标的位置插入html代码 } 《/script》 在处理上传图片的文件中，我们调用父窗口的函数插入html代码 《script language=javascript》 var src=’《%=" upload/"&newname%》’; var htmlcodes; htmlcodes = "《img src=’"+src+"’ alt=’《%=theForm("alt")%》’ align=’《%=theForm("align")%》’ border=’《%=theForm("border")%》’ hspace=’《%=theForm("hspace")%》’ vspace=’《%=theForm("vspace")%》’》"; opener.insertHtml(htmlcodes) window.close(); 《/script》 这样就实现了简单的将上传的图片插入到器中。 4、 怎么在修改文章的时候调用HTML在线器来修改数据：当我们把在添加的时候将HTML在线器来修改数据提交到数据库后我们还需要能将数据库的内容用HTML在线器来修改数据。首先我们在表单中加入一个隐藏区域来放置数据库中的内容，例如《TEXTAREA style="display:none" NAME="content" ROWS="20" COLS="70"》《%= rs("Content")%》《/TEXTAREA》，在这里我们在调用器的iframe里面加上《IFRAME SRC="gledit.htm" id=’content_html’ style="LEFT: 0px; POSITION: absolute; TOP: 0px;z-index:0" width="100%" height="100%" onload="window.content_html.idEditbox.document.body.innerHTML=document.form1.content.value"》《/IFRAME》，这样在页面装载完的时候就可以将数据库中的内容放入HTML在线器中了，提交过程和上面介绍的一样，在此就不赘述了。 这里只是简单的向大家介绍了一下如何来调用html在线器，具体代码并未一一列出，整理过程中，如果大家对文章中的内容有任何问题和建议请和我联系。 我改的一个html在线器（iframe调用的时候用到的）： http://qxd.5599.net/by/source/article/manage/gledit.htm 或者 http://www.thspxa.com.cn/manage/gledit.htm object调用的时候大家可以用这个： http://www.jfinfo.com

html网页编辑器 哪个比较好

HTML的器有很多，现在介绍如下几种专业的开发工具：
1、Adobe Dreamweaver
Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2、Sublime Text
Sublime Text 是一个代码器（Sublime Text 2是收费软件，但可以无限期试用），也是HTML和散文先进的文本器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。
Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的器，同时支持Windows、Linux、Mac OS X等操作系统。
3、HBuilder
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE,HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。