怎么写一个html编辑器 _编辑器

1.如何编写一个html在线编辑器HTML在线编辑器不需要懂得使用Dreamweaver，会用Word就会使用此编辑器，在文章系统或者是新闻系统需要文字编辑的web程序中非常实用。
但是如何将html编辑器嵌入到web页中和怎么取得里面的数据呢？！
首先我们假定我们所要调用得HTML在线编辑器放在一个单独得页面中，文件名是gledit.htm 。
HTML在线编辑器有两种基本调用方法
一、使用object调用：
1、怎么在web页中嵌入html编辑器：我们在需要嵌入得位置加入以下html代码：object id=doc_html data="http://www.xuexi88.com/zhishi/gledit.htm" width=530 height=320 type=text/x-scriptlet VIEWASTEXT
2.HTML编辑器要怎么编辑.17）段落：<p>；段落</p>
18）原始文字样式：<pre>；正文</pre>
19）换帖子背景：<body background="背景图片地址">
20）固定帖子背景不随滚动条滚动：<body background="背景图片地址" body
bgproperties=fixed>
21）定制帖子背景颜色：<body bgcolor="#value">(value值见10)
22）帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>
23）贴网页：<iframe src="http://www.xuexi88.com/zhishi/相关地址" width="宽度" height="高度"></iframe>
3.如何用html编写一个简单的网页HTML源码如下：
【怎么写一个html编辑器】<!DOCTYPE html>
<html>
<head>
<meta ; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
</head>
<body style="text-align:center;background-color: bisque;padding-top: 100px;">
<h5>hello word</h5>
<select id="ab">
<option value="http://www.xuexi88.com/zhishi/0">html</option>
<option value="http://www.xuexi88.com/zhishi/1">css</option>
<option value="http://www.xuexi88.com/zhishi/0">js</option>
</select>
<div id="div1" data-zg="中国人" data-zgr="我们是祖国的儿女，我爱祖国">
我们爱祖国！！我们爱祖国！
</div>
</body>
</html>
效果预览图浏览器显示：
扩展资料：
HTML超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：
1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
3、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
4、通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
参考资料：百度百科-HTML
4.Hbuilder编辑器怎么设置一个HTML的模板首先：需要的工具就是：Hbuilder软件
第二步：打开Hbuilder
第三步：点击-新建web项目
第四步：编写项目名称，并选择文件保存的位置（这里我们默认填写name1，路径就是在桌面）
点击完成之后就会出现了，左侧就是我们新建文件目录，右侧就是页面所在的编辑框
第五步：就是在建立好的框架上，编写所需要的样式以及代码了
用Hbuilder写html的好处就在于，它会简化你写代码样式的工作，自动识别，比如你要写div框架的时候，只需写前半边，后半边自动就识别出来回车一下就可以了