<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- * FCKeditor - The text editor for internet * Copyright (C) 2003-2006 Frederico Caldeira Knabben * * Licensed under the terms of the GNU Lesser General Public License: * http://www.opensource.org/licenses/lgpl-license.php * * For further information visit: * http://www.fckeditor.net/ * * "Support Open Source software. What about a donation today?" * * File Name: sample09.html * Sample page. * * File Authors: * Frederico Caldeira Knabben (fredck@fckeditor.net) --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>FCKeditor - Sample</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="noindex, nofollow" /> <link href="../sample.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../../fckeditor.js"></script> <script type="text/javascript"> function FCKeditor_OnComplete( editorInstance ) { editorInstance.Events.AttachEvent( 'OnBlur' , FCKeditor_OnBlur ) ; editorInstance.Events.AttachEvent( 'OnFocus', FCKeditor_OnFocus ) ; } function FCKeditor_OnBlur( editorInstance ) { editorInstance.ToolbarSet.Collapse() ; } function FCKeditor_OnFocus( editorInstance ) { editorInstance.ToolbarSet.Expand() ; } </script> </head> <body> <h1> FCKeditor - JavaScript - Sample 9</h1> <div> This sample shows FCKeditor in a more complex form with two different instances.<br /> It also shows and interesting usage of the "OnFocus" and "OnBlur" events available in the JavaScript API. </div> <hr /> <form action="sampleposteddata.asp" method="post" target="_blank"> Normal text field:<br /> <input name="NormaText" value="Plain Text" /> <br /> <br /> FCKeditor with Basic toolbar: <script type="text/javascript"> <!-- // Automatically calculates the editor base path based on the _samples directory. // This is usefull only for these samples. A real application should use something like this: // oFCKeditor.BasePath = '/fckeditor/' ; // '/fckeditor/' is the default value. var sBasePath = document.location.pathname.substring(0,document.location.pathname.lastIndexOf('_samples')) ; var oFCKeditor = new FCKeditor( 'FCKeditor_Basic' ) ; oFCKeditor.Config['ToolbarStartExpanded'] = false ; oFCKeditor.BasePath = sBasePath ; oFCKeditor.ToolbarSet = 'Basic' ; oFCKeditor.Value = 'This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.' ; oFCKeditor.Create() ; //--> </script> <br /> FCKeditor with Default toolbar: <script type="text/javascript"> <!-- oFCKeditor = new FCKeditor( 'FCKeditor_Default' ) ; oFCKeditor.Config['ToolbarStartExpanded'] = false ; oFCKeditor.BasePath = sBasePath ; oFCKeditor.Value = 'This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor</a>.' ; oFCKeditor.Create() ; //--> </script> <br /> <input type="submit" value="Submit" /> </form> </body> </html>