Autor Zpráva
Kubiro
Profil
Ahoj,

Zajímalo by mě, jak vytvořit HTML editor na stránky...
Jako že kliknete na tlačítko Tučné, a místo toho aby vám to vložilo do formuláře: <b>váš text</b>
Tak aby to rovnou udělalo tučný.
Je to i na spolužáci.cz na nástěnce něco v tom smyslu

Díky moc!!
Hitman
Profil
Jednoduché to nebude, určitě budeš potřebpovat JS, myslím že i AS, možná AJAX...bude toho víc.
Radek9_
Profil *
Jsou dvě možnost. Buďto použít něco jako tady (MCKAY má js, který to umí ;-)) nebo použít wysiwyg. Pokud chceš tu druhou možnost, hledej TinyMCE, FCKeditor či jiné.
Kubiro
Profil
Mě se zdá že mckay má to co já - přidání do textu <b></b> nebo né?
Radek9_
Profil *
Kubiro:
Ano. Já jsem myslel, že myslíš to. V tom případě tedy hledej wysiwyg editor. (TinyMCE, FCKeditor, ...)
Kubiro
Profil
A kterej doporučíte ?

Jednou sem použil TinyMCE ale byli v tom blbý tabulky.. špatně se měnila velikost a navíc mohl sem psát přes větší šířku než jsem chtěl... tím pádem pak na webu vypadal článek pěkne hnusně a přelízal =(

Mě stačí aby tam byli tyhle úpravy:
10, 12, 14, 16, Bold, Italic, Underline, Left, Center, Right, URL, Image, Color

nic víc tám nutně nepotřebuju
Mar
Profil
tak pouzij TinyMCE a zakaz tam funkce, ktery nechces aby byly pouzivane, ja to tak mam.......

Hitman
Profil
Kubiro

Zajímalo by mě, jak vytvořit HTML editor na stránky... .

Tohle mi nedělej..:-)

Pokud chceš hotový editor, mám poměrně dobré zkušenosti s TinyMCE, můžeš si tam nastavit funkce jaké chceš (tedy z těch co tam jsou), jiné editory jsem nezkoušel.
Kubiro
Profil
OK díky, ale není přece jen někde návod aspoň anglicky jak to jednoduše vytvořit?
Kubiro
Profil
Už dobrý =)
Našel jsem pár návodu.. du hledat dál

http://www.webreference.com/programming/javascript/gr/column11/

http://www.devarticles.com/c/a/HTML/Building-a-WYSIWYG-HTML-Editor-Part-1/1/

http://www.almsamim.com/create-your-own-advanced-wysiwyg-editor-part-2--t11.html
Joker
Profil
Kubiro:
Já bych použil jeden z výše uvedených (TinyMCE, FCKEditor).
Kdysi jsem si taky programoval vlastní WYSIWYG editor. Pak jsem přišel na to, že v mém případě s TinyMCE si můžu jednoduše na stránky vložit už hotový odladěný a vyzkoušený editor s vyřešenou kompatibilitou s různými prohlížeči apod. a s množinou vlastností, jakou bych do svého editoru sám asi nedostal.
Přitom tyhle editory jsou konfigurovatelné, takže když chci jednoduchý, mám jednoduchý.
Ta úvodní konfigurace sice nějaký čas zabere, ale pořád daleko lepší, než programovat a ladit svůj vlastní editor.
hal_sk
Profil
Kubiro:
Zdravím. Ja som natrafil na toto: http://jak.seznam.cz/example/widgets/#editor
Ale nejak mi to nejde plnohodnotne rozchodiť. Niečo robím blbo. Takže som si našiel iný "HTML editor", ktorý mi viac vyhovuje a nebol problém s jeho aplikovaním. Je to MarkItUp: http://markitup.jaysalvat.com/examples/, ten však nevyhovuje tvojej požiadavke formátovania textu už v textarei.
hal_sk
Profil
A keď už som tu, zneužijem túto tému a tak trochu s prepáčením aj toto fórum. Ako sa dá chrániť (otázka) proti vtipálkom, ktorý do textarei určenej na vkladanie napr. príspevkov na stránku, vložia vlastný HTML kód, napr. písmo veľkosti 100px, alebo nejaký odkaz na obrázok s rozmermi 1000x1000 ?
Schválne ak dovolíte skúsim čo to (ne)spraví tu:
Text o veľkosti 100px:
<p style='font-size:100px'>abc</p>
hal_sk
Profil
Text o veľkosti 100px:
<p style='font-size:100px'>abc</p>

Takže to nespracuje, čo je chovanie, ktoré chcem docieliť. Ako je to tu robené?
Joker
Profil
hal_sk:
Schválne ak dovolíte skúsim čo to (ne)spraví tu:
Tady se na formátování příspěvků používá BBCode, HTML kód v příspěvcích se převede na normální text (musí, lidi sem posílají kódy ze svých stránek).

To je jedna cesta, druhá cesta je povolit jen nějakou množinu HTML značek a atributů. Například nevidím důvod, proč by normální návštěvník měl mít dovolený atribut style.
Kubiro
Profil
ja sem to dělal tak, že povolím třeba: [14]text[/14]..[16]text[/16] a to co je mezi zobákama <> v php ignoruju nebo rovnou neodešlu ten text
V php sou na to funkce myslim htmlstripslashes nebo tak nejak... tipuju to ted z hlavy

Jinak u toho TinyMCE atd me akorát vadí to, že můžes roztáhnout text a obrázky třeba na 1000px ale já to zobrazuju na stránce jako článek jen 750px;
Tím pádem pak na stránce přelízají ty obrázky přes stránku díky tomu editoru... ja bych potřeboval nějakej kde to nebude moct změnit velikost..
Joker
Profil
Kubiro:
povolím třeba: [14]text[/14]..[16]text[/16]
Tohle by asi bylo lepší jako [size=x]

V php sou na to funkce myslim htmlstripslashes nebo tak nejak
htmlspecialchars

Jinak u toho TinyMCE atd me akorát vadí to, že můžes roztáhnout text a obrázky třeba na 1000px ale já to zobrazuju na stránce jako článek jen 750px;
Viz CSS overflow.
Kubiro
Profil
Overflow me v TinyMCE asi určitě nerozpůlí obrázek :D
Joker
Profil
Kubiro:
Overflow me v TinyMCE asi určitě nerozpůlí obrázek :D
Ale ano. S overflow:hidden bude prostě vidět jen to co se vejde.
hal_sk
Profil
Keď použijem funkciu htmlspecialchars zobrazí mi všetko ako normálny text.
Ako sa dá povoliť len určitá množina tých tagov? Napr mnou používaný editor pracuje len s tagmi "<strong></strong>, <em></em>, <del></del>, <img src="" alt="" />, <a href=""></a>" a tie by som potreboval povoliť.
echo
Profil *
Já jsem si udělal tuhle hračku:

http://webpages.atlasweb.cz/aplikace/htmleditor/

S tím si většina začátečníků vystačí.
Joker
Profil
hal_sk:
Keď použijem funkciu htmlspecialchars zobrazí mi všetko ako normálny text.
Ako sa dá povoliť len určitá množina tých tagov?
Tak v tom případě bych použil buď strip_tags, nebo místo HTML třeba BBCode.

echo:
Já jsem si udělal tuhle hračku
Nic ve zlém, ale třeba proti TinyMCE apod. mi to přijde děsně těžkopádné
echo
Profil *
Na to, že jsem to dělal jako samouk (v samých začátcích) ve 13ti letech a to pro zábavu to snad není tak zlé, nebo ano?
echo
Profil *
Na to, že jsem to dělal jako samouk (v úplných začátcích) ve 13ti letech a pro zábavu, to snad není tak zlý, ne ?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: