2009-10-10 00:15:12 -07:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
2010-04-26 18:15:27 -07:00
Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
2009-10-10 00:15:12 -07:00
For licensing, see LICENSE.html or http://ckeditor.com/license
-->
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
2010-04-26 18:15:27 -07:00
< title > User Interface Globalization - CKEditor Sample< / title >
< meta content = "text/html; charset=utf-8" http-equiv = "content-type" / >
2009-10-10 00:15:12 -07:00
< script type = "text/javascript" src = "../ckeditor.js" > < / script >
2010-04-26 18:15:27 -07:00
< script type = "text/javascript" src = "../lang/_languages.js" > < / script >
2009-10-10 00:15:12 -07:00
< script src = "sample.js" type = "text/javascript" > < / script >
2010-04-26 18:15:27 -07:00
< link href = "sample.css" rel = "stylesheet" type = "text/css" / >
2009-10-10 00:15:12 -07:00
< / head >
< body >
< h1 >
CKEditor Sample
< / h1 >
<!-- This <div> holds alert messages to be display in the sample page. -->
< div id = "alerts" >
< noscript >
< p >
< strong > CKEditor requires JavaScript to run< / strong > . In a browser with no JavaScript
support, like yours, you should still see the contents (HTML data) and you should
be able to edit it normally, without a rich editor interface.
< / p >
< / noscript >
< / div >
< form action = "sample_posteddata.php" method = "post" >
2010-04-26 18:15:27 -07:00
< p >
< label for = "editor1" >
Available languages (< span id = "count" > < / span > languages!):< / label > < br / >
2009-10-10 00:15:12 -07:00
< script type = "text/javascript" >
//< ![CDATA[
2010-04-26 18:15:27 -07:00
document.write( '< select disabled = "disabled" id = "languages" onchange = "createEditor( this.value );" > ' );
// Get the language list from the _languages.js file.
for ( var i = 0 ; i < window.CKEDITOR_LANGS.length ; i + + )
{
document.write(
'< option value = "' + window.CKEDITOR_LANGS[i].code + '" > ' +
window.CKEDITOR_LANGS[i].name +
'< / option > ' );
}
document.write( '< / select > ' );
//]]>
< / script >
< br / >
< span style = "color: #888888" > (You may see strange characters if your system doesn't
support the selected language)< / span >
< / p >
< p >
< textarea cols = "80" id = "editor1" name = "editor1" rows = "10" > < p> This is some < strong> sample text< /strong> . You are using < a href="http://ckeditor.com/"> CKEditor< /a> .< /p> < / textarea >
< script type = "text/javascript" >
//< ![CDATA[
2009-10-10 00:15:12 -07:00
2010-04-26 18:15:27 -07:00
// Set the number of languages.
document.getElementById( 'count' ).innerHTML = window.CKEDITOR_LANGS.length;
2009-10-10 00:15:12 -07:00
2010-04-26 18:15:27 -07:00
var editor;
2009-10-10 00:15:12 -07:00
2010-04-26 18:15:27 -07:00
function createEditor( languageCode )
{
if ( editor )
editor.destroy();
2009-10-10 00:15:12 -07:00
2010-04-26 18:15:27 -07:00
// Replace the < textarea id = "editor" > with an CKEditor
// instance, using default configurations.
editor = CKEDITOR.replace( 'editor1',
{
language : languageCode,
2009-10-10 00:15:12 -07:00
2010-04-26 18:15:27 -07:00
on :
{
instanceReady : function()
2009-10-10 00:15:12 -07:00
{
2010-04-26 18:15:27 -07:00
// Wait for the editor to be ready to set
// the language combo.
var languages = document.getElementById( 'languages' );
languages.value = this.langCode;
languages.disabled = false;
2009-10-10 00:15:12 -07:00
}
2010-04-26 18:15:27 -07:00
}
} );
}
2009-10-10 00:15:12 -07:00
2010-04-26 18:15:27 -07:00
// At page startup, load the default language:
createEditor( '' );
2009-10-10 00:15:12 -07:00
2010-04-26 18:15:27 -07:00
//]]>
< / script >
< / p >
< / form >
2009-10-10 00:15:12 -07:00
< div id = "footer" >
2010-04-26 18:15:27 -07:00
< hr / >
2009-10-10 00:15:12 -07:00
< p >
2010-04-26 18:15:27 -07:00
CKEditor - The text editor for Internet - < a href = "http://ckeditor.com/" > http://ckeditor.com< / a >
2009-10-10 00:15:12 -07:00
< / p >
< p id = "copy" >
2010-04-26 18:15:27 -07:00
Copyright © 2003-2010, < a href = "http://cksource.com/" > CKSource< / a > - Frederico
Knabben. All rights reserved.
2009-10-10 00:15:12 -07:00
< / p >
< / div >
< / body >
< / html >