1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
---|
2 | <!--
|
---|
3 | * FCKeditor - The text editor for Internet - http://www.fckeditor.net
|
---|
4 | * Copyright (C) 2003-2009 Frederico Caldeira Knabben
|
---|
5 | *
|
---|
6 | * == BEGIN LICENSE ==
|
---|
7 | *
|
---|
8 | * Licensed under the terms of any of the following licenses at your
|
---|
9 | * choice:
|
---|
10 | *
|
---|
11 | * - GNU General Public License Version 2 or later (the "GPL")
|
---|
12 | * http://www.gnu.org/licenses/gpl.html
|
---|
13 | *
|
---|
14 | * - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
|
---|
15 | * http://www.gnu.org/licenses/lgpl.html
|
---|
16 | *
|
---|
17 | * - Mozilla Public License Version 1.1 or later (the "MPL")
|
---|
18 | * http://www.mozilla.org/MPL/MPL-1.1.html
|
---|
19 | *
|
---|
20 | * == END LICENSE ==
|
---|
21 | *
|
---|
22 | * Sample page.
|
---|
23 | -->
|
---|
24 | <html xmlns="http://www.w3.org/1999/xhtml">
|
---|
25 | <head>
|
---|
26 | <title>FCKeditor - Sample</title>
|
---|
27 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
---|
28 | <meta name="robots" content="noindex, nofollow" />
|
---|
29 | <link href="../sample.css" rel="stylesheet" type="text/css" />
|
---|
30 | <script type="text/javascript" src="../../fckeditor.js"></script>
|
---|
31 | <script type="text/javascript">
|
---|
32 |
|
---|
33 | function FCKeditor_OnComplete( editorInstance )
|
---|
34 | {
|
---|
35 | editorInstance.Events.AttachEvent( 'OnBlur' , FCKeditor_OnBlur ) ;
|
---|
36 | editorInstance.Events.AttachEvent( 'OnFocus', FCKeditor_OnFocus ) ;
|
---|
37 | }
|
---|
38 |
|
---|
39 | function FCKeditor_OnBlur( editorInstance )
|
---|
40 | {
|
---|
41 | editorInstance.ToolbarSet.Collapse() ;
|
---|
42 | }
|
---|
43 |
|
---|
44 | function FCKeditor_OnFocus( editorInstance )
|
---|
45 | {
|
---|
46 | editorInstance.ToolbarSet.Expand() ;
|
---|
47 | }
|
---|
48 |
|
---|
49 | </script>
|
---|
50 | </head>
|
---|
51 | <body>
|
---|
52 | <h1>
|
---|
53 | FCKeditor - JavaScript - Sample 9</h1>
|
---|
54 | <div>
|
---|
55 | This sample shows FCKeditor in a more complex form with two different instances.<br />
|
---|
56 | It also shows and interesting usage of the "OnFocus" and "OnBlur" events available
|
---|
57 | in the JavaScript API.
|
---|
58 | </div>
|
---|
59 | <hr />
|
---|
60 | <form action="../php/sampleposteddata.php" method="post" target="_blank">
|
---|
61 | Normal text field:<br />
|
---|
62 | <input name="NormaText" value="Plain Text" />
|
---|
63 | <br />
|
---|
64 | <br />
|
---|
65 | FCKeditor with Basic toolbar:
|
---|
66 | <script type="text/javascript">
|
---|
67 | <!--
|
---|
68 | // Automatically calculates the editor base path based on the _samples directory.
|
---|
69 | // This is usefull only for these samples. A real application should use something like this:
|
---|
70 | // oFCKeditor.BasePath = '/fckeditor/' ; // '/fckeditor/' is the default value.
|
---|
71 | var sBasePath = document.location.href.substring(0,document.location.href.lastIndexOf('_samples')) ;
|
---|
72 |
|
---|
73 | var oFCKeditor = new FCKeditor( 'FCKeditor_Basic' ) ;
|
---|
74 |
|
---|
75 | oFCKeditor.Config['ToolbarStartExpanded'] = false ;
|
---|
76 |
|
---|
77 | oFCKeditor.BasePath = sBasePath ;
|
---|
78 | oFCKeditor.ToolbarSet = 'Basic' ;
|
---|
79 | oFCKeditor.Value = '<p>This is some <strong>sample text<\/strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor<\/a>.<\/p>' ;
|
---|
80 | oFCKeditor.Create() ;
|
---|
81 | //-->
|
---|
82 | </script>
|
---|
83 | <br />
|
---|
84 | FCKeditor with Default toolbar:
|
---|
85 | <script type="text/javascript">
|
---|
86 | <!--
|
---|
87 | oFCKeditor = new FCKeditor( 'FCKeditor_Default' ) ;
|
---|
88 |
|
---|
89 | oFCKeditor.Config['ToolbarStartExpanded'] = false ;
|
---|
90 |
|
---|
91 | oFCKeditor.BasePath = sBasePath ;
|
---|
92 | oFCKeditor.Value = '<p>This is some <strong>sample text<\/strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor<\/a>.<\/p>' ;
|
---|
93 | oFCKeditor.Create() ;
|
---|
94 | //-->
|
---|
95 | </script>
|
---|
96 | <br />
|
---|
97 | <input type="submit" value="Submit" />
|
---|
98 | </form>
|
---|
99 | </body>
|
---|
100 | </html>
|
---|