html文档中心

作者：光脚丫思考时间：12/23/2009 1:51:00 PM
一开始就觉得HTML编辑器这玩意应该是很高深莫测的。随随便便就想整一个应该不是一件容易的事情。后来对WebBrowser控件有了一些了解，不过都是很肤浅的了解。只知道用这个控件就能够在自己的程序中搞一个WEB浏览器之类的东西，从来没有想过HTML编辑器也可以使用这个控件来实现。也就是说这个WebBrowser控件不仅仅能够用来显示HTML文档，而且也可以用来编辑HTML文档。当然了，这些功能微软已经都提供给我们了。所需要做的就是按照那个规则去编写自己的代码了。我想HTML编辑器的实现方式不应该只有这一种，只是咱不会就是了！^_^
先来看看我自己实现的这个小软件，界面如下图：

超级简单的小软件吧！
那个【文字下拉列表】是用来修改字体的，【加粗】按钮是用来将字体加粗，或者让其减肥的，【下划线】按钮则是为选中的文字加减下划线的。最后那个【显示源码】按钮主要是为了看看修改之前和修改之后的HTML源码都做了那些改变。其他就没什么了。
下方的那块大的空白区域，就是WebBrowser控件了，既是用来显示HTML文档，也是用来编辑HTML文档的，在这里只用作编辑器。
接着来看源代码吧……
默认情况下，WebBrowser并没有� ......

<html>
<script language="javascript" defer>
function isvalid()
{
Input_Str=document.getElementById("tsinput").value;
document.getElementById("ts").innerHTML=Input_Str;
if(Input_Str!=document.getElementById("ts").innerText)
alert("include Html Element.....");
}
</script>
<body>
<span id="ts" style="visibility:hidden;position:absolute" width=0 height=0></span>
<input type="text" value="" id="tsinput">
<input type="button" value=" " id="tsinput" onclick="isvalid()">
</body>
</html> ......

字体(FONT)标记(TAGS)
标题字体(Header)
<h#> ... </h#> #=1, 2, 3, 4, 5, 6
<h1>今天天气真好！</h1> 今天天气真好！
<h2>今天天气真好！</h2> 今天天气真好！
<h3>今天天气真好！</h3> 今天天气真好！
<h4>今天天气真好！</h4> 今天天气真好！
<h5>今天天气真好！</h5> 今天天气真好！
<h6>今天天气真好！</h6> 今天天气真好！
<hn>---</hn> 这些标记显示黑体字。
<hn>---</hn> 这些标记自动插入一个空行，不必用 <p> 标记再加空行。
因此在一行中无法使用不同大小的字体。
字体大小
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7
<font size=7>今天天气真好！</font> 今天天气真好！
<font size=6>今天天气真好！</font> 今天天气真好！
<font size=5>今天天气真好！</font> 今天天气真好！
<font size=4>今天天气真好！</font> 今天天气真好！
<font size=3>今天天气真好！</font> ......

Document 对象
Document 对象代表整个 HTML 文档，可用来访问页面中的所有元素。
Document 对象是 Window 对象的一个部分，可通过 window.document 属性来访问。
有关 Document 对象的详细描述。
IE: Internet Explorer, F: Firefox, O: Opera, W3C: World Wide Web Consortium (Internet 标准).
Document 对象的集合
集合描述IEFOW3C
all[]
提供对文档中所有 HTML 元素的访问。
4
1
9
Yes
anchors[]
返回对文档中所有 Anchor 对象的引用。
4
1
9
Yes
applets
返回对文档中所有 Applet 对象的引用。
-
-
-
-
forms[]
返回对文档中所有 Form 对象引用。
4
1
9
Yes
images[]
返回对文档中所有 Image 对象引用。
4
1
9
Yes
links[]
返回对文档中所有 Area 和 Link 对象引用。
4
1
9
Yes
Document 对象的属性
属性描述IEFOW3C
body
提供对 <body> 元素的直接访问。对于定义了框架集的文档，该属性引用最外层的 <frameset>。

cookie
设置或返回与当前文档有关的所有 cookie。
4
1
9
Yes
domain
返回当前文档的域名。
4
1
9
Yes
lastModified
返回文档被最后修改的日期 ......

Window 对象
Window 对象是 JavaScript 层级中的顶层对象。
Window 对象代表一个浏览器窗口或一个框架。
Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。
有关 Window 对象的详细描述。
IE: Internet Explorer, F: Firefox, O: Opera.
Window 对象的集合
CollectionDescriptionIEFO
frames[]
返回窗口中所有命名的框架。该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意，frames[] 数组中引用的框架可能还包括框架，它们自己也具有 frames[] 数组。
4
1
9
Window 对象的属性
属性描述IEFO
closed
返回窗口是否已被关闭。
4
1
9
defaultStatus
设置或返回窗口状态栏中的默认文本。
4
No
9
document
对 Document 对象的只读引用。请参阅 Document 对象。
4
1
9
history
对 History 对象的只读引用。请参数 History 对象。
4
1
9
innerheight
返回窗口的文档显示区的高度。
No
No
No
innerwidth
返回窗口的文档显示区的宽度。
No
No
No
length
设置或返回窗口中的框架数量。
4
1
9
location
......

HTML常用符号：
显示一个空格    
< 小于 < <
> 大于 > >
& &符号 & &
" 双引号 " "
其他常用的字符实体(Character Entities)
显示结果说明 Entity Name Entity Number
? 版权 © ©
? 注册商标 ® ®
× 乘号 × ×
÷ 除号 ÷ ÷
ISO Latin-1字符集:
字符十进制字符编号实体名字说明
--- 	 --- 制表符Horizontal tab
--- 
 --- 换行Line feed
---  --- 回车Carriage Return
  --- Space
! ! --- 惊叹号Exclamation mark
" " " 双引号Quotation mark
# # --- 数字标志Number sign
$ $ --- 美元标志Dollar sign
% % --- 百分号Percent sign
& & & Ampersand
" ' --- 单引号Apostrophe
( ( --- 小括号左边部分Left parenthesis
) ) --- 小括号右边部分Right parenthesis
* * --- 星号Asterisk
+ + --- 加� ......

[HTML编辑器]C#编写的HTML编辑器：原理篇

[HTML编辑器]C#编写的HTML编辑器：原理篇

如何判断一个字符串里含有html标签

简单HTML 字体，颜色表示（转载）

HTML DOM Document 对象

HTML DOM Window 对象

HTML转义符号