CKEditor (FCKeditor) - Instalace

Návody pro C4

K dispozici je stránka o aplikaci CKEditor, na které naleznete: popis aplikace, screenshoty stránek, návody pro aplikaci, demo stránky, diskuze k aplikaci. - Zobrazit stránku aplikace

Příprava na instalaci

Stažení aplikace

Z oficiálních stránek editoru http://ckeditor.com/ si stáhněte instalační balíček. Naleznete ho v sekci "Download".

Rozbalení souborů

Rozbalte (např. pomocí programu Total Commander) staženou aplikaci CKEditor do nějakého adresáře ve vašem počítači (např. si vytvořte adresář ckeditordata). Je nutné zachovat strukturu adresářů - po rozbalení byste tedy měli najít adresář ckeditor a v něm podadresáře _samples, _source, images atd.

Odstranění souboru

Pro správnou funkčnost editoru smažte z adresáře ckeditordata/ckeditor soubor .htaccess.

Instalace

Aplikaci CKEditor není potřeba instalovat, stačí jádro nahrát na server a do zdrojového kódu stránky, na které chcete editor zobrazit, vložit skript.

Kopírování souborů

Zkopírujte pomocí FTP klienta celý obsah adresáře ckeditordata do složky na server, na kterém budete editor používat. Na serveru nyní budete mít nahraný adresář ckeditor, který obsahuje celé jádro aplikace. V našem ukázkovém případě adresář kopírujeme do kořenového adresáře webu ckeditor.demo2.cz.

Testovací stránka

Vytvoříme jednoduchou testovací stránku, na které zobrazíme CKEditor. Zdrojový kód stránky bude vypadat takto:

<html>
<head>
	<title>Test editoru CKEditor</title>
	<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
</head>
<body>
	<form method="post">
		<p>
			Můj editor:<br />
			<textarea name="editor1">&lt;p&gt;Testovací text.&lt;/p&gt;</textarea>
			<script type="text/javascript">
				CKEDITOR.replace( 'editor1' );
			</script>
		</p>
		<p>
			<input type="submit" />
		</p>
	</form>
</body>
</html>

Řádek "<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>" obsahuje atribut "src" s nastavením cesty k jádru editoru. Pokud máte jádro umístěné jinde, upravte tuto hodnotu. Soubor uložte a nahrajte na server. Do internetového prohlížeče zadejte adresu webu a testovacího souboru. Pokud jste vše udělali správně, zobrazí se vám stránka s editorem CKEditor.

Větší obrázek

Ukázková stránka

Otestovat správnou funkčnost editoru můžete zadáním adresy ve tvaru http://www.nazev-vasi-domeny.cz/adresar-s-jadrem-editoru/_samples, kde naleznete testovací varianty editoru CKEditor. V naše ukázkovém případě se jedná o adresu http://ckeditor.demo2.cz/ckeditor/_samples.