sample09.html
100 lines
| 3.2 KiB
| text/html
|
HtmlLexer
|
r0 | <!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 - http://www.fckeditor.net | ||||
* Copyright (C) 2003-2008 Frederico Caldeira Knabben | ||||
* | ||||
* == BEGIN LICENSE == | ||||
* | ||||
* Licensed under the terms of any of the following licenses at your | ||||
* choice: | ||||
* | ||||
* - GNU General Public License Version 2 or later (the "GPL") | ||||
* http://www.gnu.org/licenses/gpl.html | ||||
* | ||||
* - GNU Lesser General Public License Version 2.1 or later (the "LGPL") | ||||
* http://www.gnu.org/licenses/lgpl.html | ||||
* | ||||
* - Mozilla Public License Version 1.1 or later (the "MPL") | ||||
* http://www.mozilla.org/MPL/MPL-1.1.html | ||||
* | ||||
* == END LICENSE == | ||||
* | ||||
* Sample page. | ||||
--> | ||||
<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="../php/sampleposteddata.php" 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.href.substring(0,document.location.href.lastIndexOf('_samples')) ; | ||||
var oFCKeditor = new FCKeditor( 'FCKeditor_Basic' ) ; | ||||
oFCKeditor.Config['ToolbarStartExpanded'] = false ; | ||||
oFCKeditor.BasePath = sBasePath ; | ||||
oFCKeditor.ToolbarSet = 'Basic' ; | ||||
oFCKeditor.Value = '<p>This is some <strong>sample text<\/strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor<\/a>.<\/p>' ; | ||||
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 = '<p>This is some <strong>sample text<\/strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor<\/a>.<\/p>' ; | ||||
oFCKeditor.Create() ; | ||||
//--> | ||||
</script> | ||||
<br /> | ||||
<input type="submit" value="Submit" /> | ||||
</form> | ||||
</body> | ||||
</html> | ||||