.Net页面中使用在线编辑框实例

编辑页前台代码中添加
--------------------------------------------

1                             <OBJECT id="doc_html" style="LEFT: 0px; TOP: 0px" type="text/x-scriptlet" height="320" width="100%"
2                                 data="editor.htm" VIEWASTEXT>
3                             </OBJECT>
4                             <INPUT type="hidden" name="content">
5                            <asp:Button >

</font>
</div>

</div>

<div class="yToolbar">
<div class="TBHandle"></div>
<select ID="formatSelect" class="TBGen" title="段落格式" onchange="doSelectClick('FormatBlock',this)" style="font: icon; width: 80px;">
<option>段落格式</option>
<option VALUE="<P>">普通
<option VALUE="<PRE>">已编排格式
<option VALUE="<H1>">标题一
<option VALUE="<H2>">标题二
<option VALUE="<H3>">标题三
<option VALUE="<H4>">标题四
<option VALUE="<H5>">标题五
<option VALUE="<H6>">标题六
<option VALUE="<H7>">标题七
</select>
<select ></div>

</div>

</div>

</body>
</html>

JS文件edit.js
---------------------------------------------------

SEP_PADDING = 5
2 .Net页面中使用在线编辑框实例

HANDLE_PADDING = 7
3 .Net页面中使用在线编辑框实例

var yToolbars = new Array();
5 .Net页面中使用在线编辑框实例

var YInitialized = false;
7 .Net页面中使用在线编辑框实例

function document.onreadystatechange()
9}

edit.css代码
------------------------------------------------------------------------

  1 .Gen
  2 {
  3 POSITION: relative
  4 }
  5 .heading
  6 {
  7 BACKGROUND: #eeeeee;
  8 COLOR: #000000
  9 }
10 .Composition
11 {
12 BACKGROUND-COLOR: menu;
13 POSITION: relative
14 }
15 .yToolbar
16 {
17 BACKGROUND-COLOR: menu;
18 BORDER-BOTTOM: buttonshadow 1px solid;
19 BORDER-LEFT: buttonhighlight 1px solid;
20 BORDER-RIGHT: buttonshadow 1px solid;
21 BORDER-TOP: buttonhighlight 1px solid;
22 HEIGHT: 27px;
23 LEFT: 0px;
24 POSITION: relative;
25 TOP: 0px
26 }
27 .Btn
28 {
29 BACKGROUND-COLOR: menu;
30 BORDER-BOTTOM: buttonface 1px solid;
31 BORDER-LEFT: buttonface 1px solid;
32 BORDER-RIGHT: buttonface 1px solid;
33 BORDER-TOP: buttonface 1px solid;
34 HEIGHT: 23px;
35 POSITION: absolute;
36 TOP: 1px;
37 WIDTH: 23px
38 }
39 .Ico
40 {
41 LEFT: 2px;
42 POSITION: absolute;
43 TOP: 1px
44 }
45 .TBSep
46 {
47 BORDER-LEFT: buttonshadow 1px solid;
48 BORDER-RIGHT: buttonhighlight 1px solid;
49 FONT-SIZE: 0px;
50 HEIGHT: 22px;
51 POSITION: absolute;
52 TOP: 1px;
53 WIDTH: 1px
54 }
55 .TBGen
56 {
57 FONT: 8pt verdana,arial,sans-serif;
58 HEIGHT: 22px;
59 POSITION: absolute;
60 TOP: 2px
61 }
62 .TBHandle
63 {
64 BACKGROUND-COLOR: menu;
65 BORDER-LEFT: buttonhighlight 1px solid;
66 BORDER-RIGHT: buttonshadow 1px solid;
67 BORDER-TOP: buttonhighlight 1px solid;
68 FONT-SIZE: 1px;
69 HEIGHT: 22px;
70 POSITION: absolute;
71 TOP: 1px;
72 WIDTH: 3px
73 }
74 .BtnMouseOverUp
75 {
76 BACKGROUND-COLOR: buttonface;
77 BORDER-BOTTOM: buttonshadow 1px solid;
78 BORDER-LEFT: buttonhighlight 1px solid;
79 BORDER-RIGHT: buttonshadow 1px solid;
80 BORDER-TOP: buttonhighlight 1px solid;
81 HEIGHT: 23px;
82 POSITION: absolute;
83 TOP: 1px;
84 WIDTH: 24px
85 }
86 .BtnMouseOverDown
87 {
88 BACKGROUND-COLOR: buttonface;
89 BORDER-BOTTOM: buttonhighlight 1px solid;
90 BORDER-LEFT: buttonshadow 1px solid;
91 BORDER-RIGHT: buttonhighlight 1px solid;
92 BORDER-TOP: buttonshadow 1px solid;
93 HEIGHT: 23px;
94 POSITION: absolute;
95 TOP: 1px;
96 WIDTH: 24px
97 }
98 .BtnDown
99 {
100 BACKGROUND-COLOR: gainsboro;
101 BORDER-BOTTOM: buttonhighlight 1px solid;
102 BORDER-LEFT: buttonshadow 1px solid;
103 BORDER-RIGHT: buttonhighlight 1px solid;
104 BORDER-TOP: buttonshadow 1px solid;
105 HEIGHT: 23px;
106 POSITION: absolute;
107 TOP: 1px;
108 WIDTH: 24px
109 }
110 .IcoDown
111 {
112 HEIGHT: 23px;
113 LEFT: 0px;
114 POSITION: absolute;
115 TOP: 0px;
116 WIDTH: 24px
117 }
118 .IcoDownPressed
119 {
120 LEFT: 1px;
121 POSITION: absolute;
122 TOP: 1px
123 }