Developer’s Guide
!"#$ %&&&'"()
!**++'(
'"(, -", -./(0'*1.(
! "
#"
$ % &
" '( )
& '(* + )
), '-.+ /0(012 3 4
4 , 056( 4
7.( 4
8 ( 4
8( 4
8 ( 94
8( 7
: /(' / 8
! 8
+(/0;: <! 03
+(/0! 03
+( ! 03
+(<! 03
69
"0%.9
& +('
&3 1 '6(: (
&$ ( 6(
) ++!
4.< "
'"(, -", -./(0'*1.(
1. Installation
! "
! #$
%& '(" ! '()
*"(+", '()(
( -. ! )
'( $
0=11(511+(
0=11.11+( / #(0
2. Using the Editor in a HTML Form
-. ! ! /(
0"
/"12-.0
3 ,4 ! "
( ! 56 4 !
/3 7 89(0"
,("
5(()(!
(")("
:"1$
%" ;! $2(3
:" ;< )7 9'! $242(3
5! ="1"
>=
>+" 1
! /,??3 ?0"@>+
! (,?"< / 2
,?"< @ (,?"< 0
/
5*6
!"!#$
%&'()&*+',-./&0(.1203456&%04
()7889&
889&889&
889&
!
!!
!):!
):!):!
):!
()7889&
889&889&
889&
!
!!
!;):!
;):!;):!
;):!
+
)<=
+)80#%'!!4)
)80#%'!!4))80#%'!!4)
)80#%'!!4)0=)8,6>#'4
0=)8,6>#'40=)8,6>#'4
0=)8,6>#'4
0=$%0'0=4
0=$%0'0=40=$%0'0=4
0=$%0'0=4
0=)(03?0(',=,7,=4
0=)(03?0(',=,7,=40=)(03?0(',=,7,=4
0=)(03?0(',=,7,=4
++
+
$ /# 0
'"(, -",-./(0'*1.(
,)! +//+%)((
"'()$
*A3 %B3 A#3 %B*
< 3 7 8)'($
*A3 7 8BA3 ,4 BA#3 ,4BA56 4BA3 %B3 A#3 %BA#56 4 BA#3 7 8B*
)! 7#89(%)(! !
3 7 856 4 )'($
*A3 %B3 A#3 %B*
7#8%)(! ! 3 7 8)
'($
*A3 7 8BA3 ,4 BA#3 ,4BA56 4BA3 %B3 A#3 %BA#56 4 BA#3 7 8B*
' '( ! )
( ( ) ) " , (
( ( ( /
'() ) ) " (
0"
/5*6
!"!#$
%&'()&*+',-./&0(.1203456&%04
()7889&
!):!
()7889&
!;):!
+<'4
@
)80#%'4)0=)8,6>#'4
))<=)+'4
A
+
B
?
??
?
,=,7,=
,=,7,=,=,7,=
,=,7,=
()7
()7()7
()7&),6>0'
&),6>0'&),6>0'
&),6>0'
4
44
4
)<=
0=$%0'0=4
0=)(03?0(')80#%'4),6>
)80#%'4),6>)80#%'4),6>
)80#%'4),6>4
+&/#6%"+<'4
+
$ /# 0
C
"!#$
''D.&0(*0(E,-./&0(.1203F56&%044
889&
889&889&
889&
!
!!
!):!
):!):!
):!
889&
889&889&
889&
!
!!
!;):!
;):!;):!
;):!
C
+
)<=
+)80#%'!!4)0=)8
)80#%'!!4)0=)8)80#%'!!4)0=)8
)80#%'!!4)0=)8,6>#'4
,6>#'4,6>#'4
,6>#'4
0=$%0'0=4
0=$%0'0=40=$%0'0=4
0=$%0'0=4
0=)(03?0(',=,7,=4
0=)(03?0(',=,7,=40=)(03?0(',=,7,=4
0=)(03?0(',=,7,=4
++
+
/ /
# 0
'"(, -",-./(0'*1.(
:
'()! (!
;< ( ( (#"
"'7#8/( ,? * ?3 ? ! "
!
+//+%)("
'() ! ( (
=>%) !
( ((("
3. Stylesheet
3.1 Setting the Content Style
)
"* )
'($
! **) *! *)
( *;),)3 *" , ! ( ! !
"! ! $
"* ! /( 0 .
" $
2 3 7 8#
2 # ( C ! !
- ."
2 / - .0
2 '
- .! ''"
C
"!#$
''D.&0(*0(E,-./&0(.1203F56&%044
889&
!):!
889&
!;):!
C
+<'4
@
)80#%'4)0=)8,6>#'4
))<=)+'4
A
+
B
C
CC
C
''D.-G&EF44
''D.-G&EF44''D.-G&EF44
''D.-G&EF44
@
@@
@
D'D.-G&E!!F4
D'D.-G&E!!F4D'D.-G&E!!F4
D'D.-G&E!!F4
'
''
'D
DD
D4
44
4
A
AA
A
C
CC
C
)<=
0=$%0'0=4
0=)(03?0(')80#%'4),6>
)80#%'4),6>)80#%'4),6>
)80#%'4),6>4
+&/#6%"+<'4
+
/ /
# 0
0=$%0'0=4
0=)&EE#G?H555+"8B+B$
B*515,F5
EB"555B$$8B+F5
EB555B$$8B+F5
EB555B$"$8B+FF
0=)(03?0('=,7I=4
# 0