Starší komentáře ke článku: DHTML editor - opravy starších textů a náhled

Zpět na článek | Úvodní stránka Interval.cz

Avatar

Autor komentáře: Vita

Datum vložení: 15.3.2003 6:46:20

Roztomile, skoda jen ze kdyz uz to lame radky pomoci <br />, ze to pise vsecky ostatni tagy velkyma pismenama...

Avatar

Autor komentáře: rook

Datum vložení: 15.3.2003 18:41:21

Omluvte mne, jestli se pletu, ale nezvladla by tento script i nova mozilla 1.3, ktera podporuje rich text editor (midas), ovsem s tim vylepsenim, ze vystupemen neni 'trapne' html, ale o neco cistejsi CSS ?

Avatar

Autor komentáře: Vilém Málek

Datum vložení: 16.3.2003 1:07:04

S RTF editorem v Mozille jsou pořád ještě problémy (jinak viz <a href='http://www.interval.cz/clanek.asp?id=2004' target='_blank'>http://www.interval.cz/clanek.asp?id=2004</a> ;-) Kromě toho není vždy žádoucí, aby ten výstup byl zrovna v CSS, ty "spátečnické" značky klasického HTML se stále ještě hodí ;-)

Avatar

Autor komentáře: Zdeněk

Datum vložení: 17.3.2003 0:02:41

Jak se prosím pomocí CSS bez zpátečnických HTML dělá třeba formulář ?
Zdravím

Avatar

Autor komentáře: Ondrej Ivanic

Datum vložení: 17.3.2003 0:12:17

fieldset, legend, label, table, td, tr, th, ... + CSS.

Avatar

Autor komentáře: Vita

Datum vložení: 17.3.2003 16:28:17

Bez HTML neudelate nic ;)
Ale da se treba pouzit fieldset, legend, legendem obalit i input a odsadit si ho pomoci margin atd. Tabulku mit nemusite... nicmene popis tam byt musi a ten input taky...

Avatar

Autor komentáře: Ondrej Ivanic

Datum vložení: 17.3.2003 16:51:16

na tabulke nieje nic zle. Pohode tam moze byt. Formular je tiez tabulka:
meno, hodnota
meno, hodnota
...

Avatar

Autor komentáře: Zdeněk

Datum vložení: 21.3.2003 0:21:06

form má ale např. svoji kolekci, má action, autocomplete ..., není jeho náhrada nečím jiným značná ztráta kvality a krok zpět k assembleru (pak by bylo možno používat místo všeho pouze DIVy ;o)
Zdravím

Avatar

Autor komentáře: Vita

Datum vložení: 31.3.2003 18:54:15

Nebavime se o ruseni formulare ale tabulky :).

Avatar

Autor komentáře: Pavel Růžička

Datum vložení: 16.3.2003 17:24:05

Dobrý den,

upravit editor tak, aby byl kompatibilní i s Mozillou jsem zkoušel - už mám vymyšlenou metodu, jak editor spustit jak v IE tak v Mozille (na mozillu se musí trochu jinak, pokud chcete zároveň i nastavit styl editačního pole).
Také cesta k metodám je jiná - např.

frames.Editor.document.body.style.background v IE

a

document.getElementById('Editor').contentWindow.document.body.style.background v Mozille.

To lze vyřešit dynamickým generováním JavaScriptu pomocí PHP. Zde jsem však s vývojem prozatím skončil, protože v mém editoru se např. tučné písmo nenastavuje pro celý editor, ale pro část, kterou v textu označíte.
A právě tyto operace jako výběry textu, jsou značně odlišné, Mozilla nezná nic jako document.selection.createRange();

Pokud byste měl zájem se v tom "pohrabat", můžu Vám zaslat celý zdroj ukázky, která je dočasně umístěná zde:

<a href='http://php.czechia.com/ruzicka/enhed/mozillacompatible/RTFEditor.php?visual=yes' target='_blank'>http://php.czechia.com/ruzicka/enhed/mozillacompatible/RTFEditor.php?visual=yes</a>

Mozilla je detekována automaticky, případně lze vynutit chování "pro Mozillu" pomocí behavior=Gecko

<a href='http://php.czechia.com/ruzicka/enhed/mozillacompatible/RTFEditor.php?visual=yes&behavior=Gecko' target='_blank'>http://php.czechia.com/ruzicka/enhed/mozillacompatible/RTFEditor.php?visual=yes&behavior=Gecko</a>

Mozilla také nepodporuje všechny příkazy pro execComand, které podporuje IE a naopak má některé další, které zase neumí IE (undo, redo a jiné).

S pozdravem

Pavel Růžička
odborný redaktor Interval.cz

Avatar

Autor komentáře: M@rtin

Datum vložení: 17.3.2003 14:47:25

undo a redo mi v IE6 funguje

Avatar

Autor komentáře: Martin

Datum vložení: 15.3.2003 22:38:37

Dobry den,
je nejak omezene pouziti editoru?

Avatar

Autor komentáře: Pavel Růžička

Datum vložení: 16.3.2003 20:00:05

Dobrý den,

nevím, jaké omezení máte na mysli - omezení plynoucí ze závislosti na prohlížeči máte popsané v předchozích dílech seriálu o DHTML editoru, odkazy naleznete v článku.

Pokud máte na mysli použití na svých stránkách, nebo stránkách komerčních - žádné takové není. V našem článku jde o běžnou ukázku, jakou obvykle přikládáme ke všem článkům. Tuto ukázku si můžete stáhnout a libovolně upravit pro svoji potřebu.

Budeme však velmi potěšeni, pokud na stránku s editorem umístíte naši ikonku - <a href='http://interval.cz/ikona.asp' target='_blank'>http://interval.cz/ikona.asp</a> :)

S pozdravem

Pavel Růžička
odborný redaktor Interval.cz

Avatar

Autor komentáře: aaaa

Datum vložení: 16.3.2003 20:53:55

Toto je mazec - překládat pohyb myši na VML a to celý zobrazovat v iframe, jako vizuální editor VML:

<a href='http://www.dynamicdrive.com/dynamicindex11/editor.htm' target='_blank'>http://www.dynamicdrive.com/dynamicindex11/editor.htm</a>

Avatar

Autor komentáře: Marek Fišer

Datum vložení: 17.3.2003 13:02:54

neni "This page can only be viewed in Internet Explorer 5+ (Windows)." :-( nicmene to neni nezajimave...

Avatar

Autor komentáře: Martin Prihoda

Datum vložení: 19.3.2003 19:50:52

DD,
skusal som aplikovat tento editor do nasej skolskej www stranky.
Trocha som upravil zdrojak (vid nizsie), ktory prevezme z databazy text a nasledne ho vypise v danom editore. Problem je ale v tom, ze po ulozeni a opatovnom nacitani sa nezobrazia aktualne data, ale tie starsie (pred ulozenim). Pricom 100% udaje boli zmenene (overoval som to).
Prosim, kde som urobil chybu, resp. co som prehliadol, popr. navrhnite ine riesenie.
Dakujem.

<B>Zmeny, ktore som vykonal:</B>
1. subor enhed.php:
<iframe .... src="editor-nacitaj.php?id=<?PHP echo $id; ?>">
$id je cislo vyhladavane v databaze (v subore editor-nacitaj.php)
2. pridal som subor editor-nacitaj.php, kde sa z MySQL vyberu udaje a napokon prikazom echo vypisu.

Avatar

Autor komentáře: Pavel Růžička

Datum vložení: 19.3.2003 22:27:31

Zdravím Vás,

podle mého nemáte ve stránce, ve které je vložený editor, hlavičky pro zamezení cachování, možná je nemáte ani ve skriptu editor-nacitaj.php.

Ujistěte se, že zejména ve skriptu editor-nacitaj.php odesíláte řádně hlavičky pro zamezení cachování.

Pavel Růžička
odborný redaktor Interval.cz

Avatar

Autor komentáře: Martin Prihoda

Datum vložení: 20.3.2003 7:31:46

DD,
v prvom rade som rad, ze ste odpovedali na moj dotaz.
Teraz by som Vas ale poprosil, aby (ak si najdete cas) mohli uviest konkretny priklad zabraneniu cachovania. Zatial som o tom pocul 1 x od Vas a nerad by som tapal v tme a hladal nejake priklady a menil a prisposoboval a ...
Dakujem.

Avatar

Autor komentáře: Martin Prihoda

Datum vložení: 20.3.2003 8:06:14

DD, uz to funguje.
Nasiel som to v jednom z Vasich clankov.
Pridal som tento riadok do suboru editor-nacitaj.php:
header('Cache-Control: no-store, no-cache, must-revalidate'); // HTTP/1.1

Avatar

Autor komentáře: Martin Prihoda

Datum vložení: 20.3.2003 8:16:26

DD,
vsimli ste si, ze pokial date nahlad, dostanete presne to, co ste vytvorili, ale v pripade, ze to date ulozit, prida vam do vysledneho kodu zopar znakov <br />, co v konecnom dosledku mierne deformuje povodny text?
Spominam to len preto, ze sa mi tento programcek naramne paci a bola by skoda ho dalej nevylepsovat.
S pozdravom MatoP.

<B>Priklad:</B>

1. Vstupny kod:
<P>text 1<HR>text 2</P>
<P>text 3<BR>text 4</P>

2. Vystupny kod - Nahlad
<P>text 1
<HR>
text 2
<P></P>
<P>text 3<BR>text 4</P>

3. Vystupny kod - Ulozit
<P>text 1
<br />
<HR>
<br />
text 2
<br />
<P></P>
<br />
<P>text 3<BR>text 4</P>

Avatar

Autor komentáře: Martin Prihoda

Datum vložení: 20.3.2003 8:23:24

Vsimol som si, ze do prikladov nezobralo niektore tagy, takze kompletny priklad si mozete pozriet na: <a href='http://www.zsskomtv.sk/priklady.txt' target='_blank'>http://www.zsskomtv.sk/priklady.txt</a>

MatoP

Avatar

Autor komentáře: Martin

Datum vložení: 24.3.2003 22:40:55

Dobry den,
jake jsou podminky pouziti editoru?

Avatar

Autor komentáře: Jméno a příjmení

Datum vložení: 25.3.2003 22:08:05

veskrze dobré

Avatar

Autor komentáře: HejTi

Datum vložení: 28.3.2003 14:28:25

Mohu se zeptat proč jste nedoplnil svůj editor o vkládání obrázků, jak napsl kolega Vostrý v článku <a href='http://interval.cz/clanek.asp?id=1723?' target='_blank'>http://interval.cz/clanek.asp?id=1723?</a>

Myslím, že je to docela užitečná funkce a již takto skvělý editor by byl ještě lepší.

Moc se mi Váš editor líbí.

Avatar

Autor komentáře: Vita

Datum vložení: 31.3.2003 18:57:49

Protoze pri vkladani obrazku musite mit jak obrazek vlozit (hlava 22 se nejlip dela tak ze se dela hlava 22). Tak znovu. Protoze ten obrazek musite nejak vlozit -> nahrat na server, coz si nejsem jak s activex provest. Zrejme proto je to vyhozene... protoze jinak byste to musel delat na spesl strance.

Avatar

Autor komentáře: HejTi

Datum vložení: 1.4.2003 15:40:01

Cetl jste ten clanek? Jestli jsem ho dobre pochopil, tak kdyz kliknete na pridat obrazek, tak se otevre nove okno pro vlozeni obrazku, po odeslani na server se vygeneruje jeho url a to se zapise do editoru. Je to snad takovy problem, nebo jsem to spatne pochopil?

Avatar

Autor komentáře: Vita

Datum vložení: 14.4.2003 2:23:54

Jo, jenze vy tam date jen odkaz na obrazek, ale ten obrazek neuploadujete...

Avatar

Autor komentáře: Michal Aichinger

Datum vložení: 16.4.2003 12:05:24

Nejak jsem nenasel zminku ze by to nefachalo v ie5, ale nemuzu dostat kurzor do toho okna, takze nemuzu nic napsat :-)

Avatar

Autor komentáře: Jindra

Datum vložení: 17.4.2003 12:05:54

ten samy problem

Avatar

Autor komentáře: Crusher

Datum vložení: 21.5.2003 15:31:44

Pokud jde o <B>vkládání obrázků</B>, tak jsem přišel na velmi výbornou věc. Někteří ji znají a tak se mi tedy vy co ji znáte nedivte.

Pokud chcete vkládat obrázky, doporučuju vytvořit si něco jako <U>knihovnu obrázků</U>. (<I>nejlépe s databází samozřejmě a formulář pro uploady nových obrázků do systému</I>)
Pak je dobré si knihovnu otevřít třeba jako další IFRAME pod editorem a obrázky přetahovat z knihovny jednoduše přetažením do okna editoru. Exlorer automaticky doplní celý tag IMG do IFRAMEu editoru.

<B>Pak už jen stačí uložit a je to :-)</B>

Avatar

Autor komentáře: Michal Aichinger (login)

Datum vložení: 9.7.2003 19:13:30

Tak tedy na zadost, to sem naboucham :-)
Dlouho jsem badal, proc kdyz neco napisu do rozsireneho editoru a dam nahled, obali se to kodem a Doctypem pro html 4. Navic jsem chtel prilinkovat externi CSS soubor.
Po dlouhem badani a tak nejak zjisteni ze jde editovat i plna stranka :-) staci tedy soubor <B>enhedsup.htm</B> nemit prazdny, ale doplnit do nej vse co je treba (hlavicky). Kdyz bude obsahovat neco navic, tak tak se to stane editovatelnym = Sablona.
Tim jsem docilil toho, ze se mi formatuje text v editoru dle externiho stylu.

Jen musite mit na pameti, ze po odeslani se odesle vse co je mezi znackami BODY (pokud soubor obsahuje jiz nejaky tagy navic).

Login

Avatar

Autor komentáře: zvrt

Datum vložení: 5.11.2003 23:39:37

nevite nekdo jak zmenit font v editoru z timesu treba na verdanu? (jen pro zobrazeni v editoru - bez pridani tagu)

Avatar

Autor komentáře: Crusher

Datum vložení: 6.11.2003 9:18:54

Musi se to udelat definici fontu pro IFRAME v knihovne JS, ktera je soucasti editoru.

Avatar

Autor komentáře: zvrt

Datum vložení: 16.11.2003 12:59:37

nevim jak to presne myslite, mohl byste mi to napsat podrobneji?

Avatar

Autor komentáře: Crusher

Datum vložení: 18.11.2003 8:59:28

Je to na konci souboru enhed.js ve funkci EdStyle()

C.

Avatar

Autor komentáře: Martin P.

Datum vložení: 13.12.2003 15:16:55

Jak je možné do editoru implementovat podporu pro změnu barvy formátovaného textu? V PHP dělám, ale JS mě bohužel nějak míjí :-)

Avatar

Autor komentáře: Crusher

Datum vložení: 13.12.2003 15:36:01

V Editoru v clanku nahore je tato funkce implementovana. Jen je treba ji povolit nebo potlacit. Ja osobne ji potlacil, protoze nepotrebuji aby mi uzivatele v RS delali kdovijake barevne kejkle v systemu.
C.

Avatar

Autor komentáře: Jiří Kočí

Datum vložení: 23.1.2004 16:29:55

Chci se optat kohokoliv zdali má problémy s IE jako já. Na netu je spousta DHTML editorů, které chodí. Problém nastává když se je pokusím implementovat do svého redakčního systému, kdy vše včetně iframu obklopím formulářem na jehož pole potřebuji odkazovat a tak mají svá ID. Můj problém tkví v tom, že pokud editor obklopím značkami form, přestane mi fungovat adresace jednotlivých políček a to ani pomocí getElementById (včetně pokusu odkazovat se postupně po stromu objektů). Můj IE 6 mi prostě vyblije chybku v JScriptu a tečka. Nestalo se to někomu?

Avatar

Autor komentáře: who

Datum vložení: 6.12.2004 11:05:38

hezky den,
potreboval bych zmenit ve vasem dhtml editoru jednu vec
nelibi se mi ze vygeneruje kod s velkymi pismeny elemtu

nenasel jsem kde bych toto mohl zmenit
potrebuju aby treba <P> bylo <p>

diky za pomoc

Avatar

Autor komentáře: mato

Datum vložení: 9.12.2004 15:41:02

vsetko je ok, iba ked chcem dat editovat nejaky text a obsahuje nahodou uvodzovky (napr <a href="xxx">xxx</a>), tak uz mi ho nezobrazi. da sa s tym nieco robit?

Avatar

Autor komentáře: Pavel Růžička

Datum vložení: 15.12.2004 13:12:36

Uvozovky, jakož i jiné speciální znaky, které se v HTML nesmějí vyskytovat přímo, je potřeba nahradit za jejich entity, uvozovky tedy za &quot;

Avatar

Autor komentáře: tomatin

Datum vložení: 17.1.2005 23:54:10

S problémem uvozovek jsem se také setkal. Problém je že já jsem výsledek ukládal do souboru a uvozovky (i jiné znaky) se poté převedou na kód s escape sekvencí (přidá se před ně zpětné lomítko) přidal jsem proto do skriptu natahující data pro proměnou body i pro skript, který provádí vlastní zobrazování na stránce funkci :

stripslashes

ta vyhodí zpětný lomítka a editor dostane zase normální znaky (uvozovky)

Nevím jestli je to úplně košér ale běhá to

Avatar

Autor komentáře: Aleš

Datum vložení: 23.11.2005 17:36:17

Vyzkoušel jsem ho a velmi mu prospěly příkazy UNDO a REDO :-) onClick=heExecCommand('Undo') onClick=heExecCommand('Redo') V javascriptu jsou také funkce pro editaci fontů - barvy a velikosti. Mohl by jste doplnit způsob, jak je implementovat do editoru ?

Avatar

Autor komentáře: cbdave

Datum vložení: 5.3.2007 12:35:43

Zdravim, Editor je super, ale potrebuji do databaze ukladat dvě položky HTML editoru, tedy 1 Textarea (iframe) jako anotace textu a cely obsah clanku jako druhy iframe (textarea). Jde to pres tento DHTML editor nejak udělat? Diky za nasmerovani spravnym smerem.

Avatar

Autor komentáře: Ivo Pisařovic

Datum vložení: 5.5.2008 18:42:35

Pokud pouzivam editor k upravovani jiz napsaneho textu a podle vasich pokynu davam pred uvozovky zpetne lomitko v odkazu: <a href=\"http://seznam.cz\">nefungujici_odkaz</a> pak prohlizec prejde misto na Seznam na <b> http://nazev_domeny.cz/%22http://seznam.cz//%22 </b>.Nevedeli byste prosim zpusob jak toto obejit jinak, nez pridat skript, ktery po kliknuti nez prejde na adresu odstrani zpetna lomitka? Dekuji predem.

Avatar

Autor komentáře: Ivo Pisařovic

Datum vložení: 5.5.2008 19:00:54

Uz to mam!!! Mezi nactenim souboru a urcenim POST promenny sem vlozil skript v PHP addslashes: http://cz.php.net/manual/en/function.addslashes.php

Zpět na článek | Úvodní stránka Interval.cz