CKEditor - Použití pro editaci webové stránky

Vývojová prostředí, aplikace, skripty, http://www... síťové programy, internet, sdílení...
Odpovědět
MaxDJs
Začátečník
Začátečník
Registrován: 31. črc 2009

CKEditor - Použití pro editaci webové stránky

Příspěvek od MaxDJs »

Zdravím,

potřebuji pomoci s jedním problémem. Chtěl bych použít CKEditor pro webovou stránku s referencemi, protože se mi nechtělo upravovat čistý HTML kód.

CKEditor jsem si nainstaloval, ale potřebuji jak do editoru načíst stránku s referencemi. Představoval jsem si, že by v rohu bylo tlačítko s názvem Upravit stránku a spustil by se WYSIWYG editor s načtenou stránkou s referencemi.

Lze to nějákým způsobem udělat?

Děkuji za odpověď
OndraSter
Středně pokročilý
Středně pokročilý
Uživatelský avatar
Registrován: 22. úno 2006
Bydliště: Praha / ČVUT FIT
Kontaktovat uživatele:

Re: CKEditor - Použití pro editaci webové stránky

Příspěvek od OndraSter »

Nevím jak CKEditor, já používám TinyMCE, ale u TMCE jde jednodušše nastavit při initu, že se má používat na textareu a já jen v kódu dám

Kód: Vybrat vše

<head>
.. tinymce init
</head>
<body>
<form ...>
<textarea name="stranka"><?=file_get_contents ( 'tvojestranka.html' ); ?></textarea>
</form>
...
a stane se z toho tinyMCE editor. Pak dám odeslat formulář a uložím a hotovo :)
PC: i5-2500k 4.5GHz/24GB RAM/GTX560 Ti 1GB/>5TB - W7 Prof x64; Microsoft SideWinder X3 notebook: HP 6715b (4GB RAM) - W7 Prof x64;
mobil: Nokia Lumia 800 Cyan, 16GB; tablet: Toshiba Portege M200 (2GB, 64GB SSD, GeForce FX5200) - W7 Prof x32


Nahraďte Arduino výkonnější variantou!
Vývojová prostředí a nástroje | Webové prohlížeče | Seznam freehostingů
MaxDJs
Začátečník
Začátečník
Registrován: 31. črc 2009

Re: CKEditor - Použití pro editaci webové stránky

Příspěvek od MaxDJs »

Bylo by možno poradit proč mi to nefunguje??

Skript:

Kód: Vybrat vše

<script type="text/javascript" src="tiny_mce/tiny_mce.js"></script> 
<script type="text/javascript"> 
tinyMCE.init({ 
      // General options 
      language : "cs",
      mode : "textareas", 
      theme : "advanced", 
      plugins : "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager", 

      // Theme options 
      theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect", 
      theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", 
      theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", 
      theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage", 
      theme_advanced_toolbar_location : "top", 
      theme_advanced_toolbar_align : "left", 
      theme_advanced_statusbar_location : "bottom", 
      theme_advanced_resizing : true, 
 
      // Example content CSS (should be your site CSS) 
      content_css : "css/styly.css", 
 
      // Drop lists for link/image/media/template dialogs 
      template_external_list_url : "js/template_list.js", 
      external_link_list_url : "js/link_list.js", 
      external_image_list_url : "js/image_list.js", 
      media_external_list_url : "js/media_list.js", 
 
      // Replace values for the template plugin 
      template_replace_values : { 
      username : "Some User", 
      staffid : "991234" 
      } 
}); 
</script>

  </head>
  <body>
<form method="post">
	<textarea name="content" style="width:100%">
	<? file_get_contents('./sachy/index3.html'); ?>
	</textarea>
</form>
Stránka je zde:

http://90.177.22.99/Untitled-1.html
OndraSter
Středně pokročilý
Středně pokročilý
Uživatelský avatar
Registrován: 22. úno 2006
Bydliště: Praha / ČVUT FIT
Kontaktovat uživatele:

Re: CKEditor - Použití pro editaci webové stránky

Příspěvek od OndraSter »

UH!

a) .html se nezpracovává PHP parserem (předpokládám, že jsi neupravil konfiguraci serveru/.htaccessu)
b) Pokud chceš používat <? tak zapni v php.ini short_tags
c1) Pokud chceš používat <? file_get_contents tak ještě tam dej echo (<? echo file_get_contents)
c2) Nebo použij zkrácený zápis <?=file_get_contents -- zde to = nahrazuje echo

Nejlepší tedy:
přejmenovat na .php
a místo <? file_get_contents('./sachy/index3.html'); ?>
tam dát <?php echo file_get_contents ( './sachy/index3.html' ); ?>


Plus ti tam chybí zbytek TinyMCE :roll: .
PC: i5-2500k 4.5GHz/24GB RAM/GTX560 Ti 1GB/>5TB - W7 Prof x64; Microsoft SideWinder X3 notebook: HP 6715b (4GB RAM) - W7 Prof x64;
mobil: Nokia Lumia 800 Cyan, 16GB; tablet: Toshiba Portege M200 (2GB, 64GB SSD, GeForce FX5200) - W7 Prof x32


Nahraďte Arduino výkonnější variantou!
Vývojová prostředí a nástroje | Webové prohlížeče | Seznam freehostingů
MaxDJs
Začátečník
Začátečník
Registrován: 31. črc 2009

Re: CKEditor - Použití pro editaci webové stránky

Příspěvek od MaxDJs »

Bylo by možno mi napsat funkční kostru kódu, kterou bych mohl rozšiřovat??


Děkuji za odpověď
OndraSter
Středně pokročilý
Středně pokročilý
Uživatelský avatar
Registrován: 22. úno 2006
Bydliště: Praha / ČVUT FIT
Kontaktovat uživatele:

Re: CKEditor - Použití pro editaci webové stránky

Příspěvek od OndraSter »

Na TinyMCE stránkách je několik ukázek, inspiroval bych se tam.
PC: i5-2500k 4.5GHz/24GB RAM/GTX560 Ti 1GB/>5TB - W7 Prof x64; Microsoft SideWinder X3 notebook: HP 6715b (4GB RAM) - W7 Prof x64;
mobil: Nokia Lumia 800 Cyan, 16GB; tablet: Toshiba Portege M200 (2GB, 64GB SSD, GeForce FX5200) - W7 Prof x32


Nahraďte Arduino výkonnější variantou!
Vývojová prostředí a nástroje | Webové prohlížeče | Seznam freehostingů
marek094
Nováček
Nováček
Registrován: 31. črc 2010

Re: CKEditor - Použití pro editaci webové stránky

Příspěvek od marek094 »

Hezký den.
Rád bych se zaptal na hloupu otázku,
jde v TinyMCE, změnit name="content" na jiné jméno, v prvku textarea?
Odpovědět

Zpět na „Programování a web“