Přeskočit přímo na text


TinyMCE - editor pro fajnšmekry i běžné uživatele

Modul TinyMCE vám umožní vkládat obsah pomoci propracovaného TinyMCE WYSIWYG editoru od společnosti MexieCode.

Co je to WYSIWYG

WYSIWYG je akronym anglické věty „What you see is what you get“, česky „co vidíš, to dostaneš“. Tato zkratka označuje způsob editace dokumentů v počítači, při kterém je verze zobrazená na obrazovce vzhledově totožná s výslednou verzí dokumentu. Tímto způsobem můžete pohodlně vkládat články s rozsáhlými možnostmi formátování.

Co TinyMCE editor umí?

Tento editor patří podle nezávislých testů mezi tři nejlepší on-line editory na světě. Je jednoduché ho integrovat, disponuje rozsáhlou škálou nastavení, jeho výstup XHTML 1.0 validní, existuje česká lokalizace a především – je zdarma!

Jak vidíte z náhledu, editační možnosti jsou skutečně rozsáhlé. Mimo základní formátovací značky tu máme kvalitní editor tabulek, detailní editaci CSS, vkládání a formátování obrázků, smajlíky a mnoho dalšího. Věšina funkcí je velmi dobře odladěna a v praxi nepůsobí sebemenší problémy. Editace textu v TinMCE editoru je intuitivní, jednoduchá a bezproblémová. Koneckonců, zkuste si to sami!

Instalujeme Instalace je v jistých směrech specifická, protože je potřeba do instalace stáhnout mnoho externích skriptů.

  • Stáhněte si TinyMCE modul a rozbalte ji do adresáře /modules
  • Stáhněte si TinMCE aplikaci, rozbalte ji. Složka se musí jmenovat „tinymce“.
  • Stáhněte si českou lokalizaci a vložte soubory na správná místa v adresářové struktuře aplikace TinyMCE.
  • Nakopírujte celou složku do modules/tinymce adresáře. Cesta bude tedy vypadat takto: modules/tinymce/tinymce
  • Povolte modul TinyMCE na administrace > moduly. Díky souboru s koncovkou *.install bude automaticky vytvořena databázová struktura.
  • Zkonstolujte nastavení kontroly přístupu na cestě /admin/access.
  • Proveďte nastavení na cestě administrace > nastavení > tinymce. Tento modul umí přiřadit různé funkce různým skupinám uživatelů, takže pokud je nemáte vytvořeny, udělejte to. Tímto způsobem můžete zpřístupnit pplnou funkčnost redaktorům a zjednodušený editor (např. tučně, kurzíva, smajlíky a hyperodkaz) ostatním uživatelům.
  • Pokud chcete aby se TinyMCE rychleji načítal, nainstalujte kompresor. Soubor tiny_mce_gzip.php poté vložte sem: modules/tinymce/tinymce/jscripts/tiny_mce.

Nastavení

Zde jsou některé postřehy z nastavení:

  • Vytvořte skupinu „redaktor“ a v nastavení „můj účet“ si zaškrtněte toto právo pro vás jako administrátora. Poté si vytvořte účet v TinyMCE s názvem „admin“ nebo redaktor, zaškrtněte že tyto pravidla platí pro skupinu „redaktor“ a v něm nastavte viditelnost a buttony, které chcete využívat vy.
  • V nastavení „Show disable/enable rich text editor toggle“ Doporučuji zvolit „true“. Budete mít pak možnost vypnout TinyMCE editor pokud chcete editovat čistý text. TinyMCE sice umí zobrazovat HTML, ale ve Firefoxu to občas zatuhává.
  • V nastavení „jazyk“ vyberte „cs“ (čeština).
  • V nastavení „viditelnost“ můžete zvolit cesty, kde se TinyMCE má zobrazit. Pokud máte nainstalovány jiné moduly, například zasílání soukromých zpráv (vnitřní pošta) je dobré toto nastavit. Například takto:
privatemsg
privatemsg/*
  • Pokud chcete zaškrtnout „enable resizing button“, který vám umožní změnit velikost okna, musíte mít současně zvoleno „Path location“ na bottom, nebo top. Při „nothing“ není možné tento button zobrazit.
  • v CSS doporučuji vložit vlastní CSS, který odpovídá prostředí a designu. Především definici H2, H3, okraje od obrázků a podobné věci.

TinyMCE editor umožňuje mnoho dalších rozšíření se kterým si mohou pohrát „hračičkové“. Některé moduly (FTP klient, obrázkový editor) je možné u MEXIECODE dokoupit (nejsou zdarma). Já si dokoupil obrázkový editor a příjemně mne překvapil (viděli jste někdy zmenšování a ořezávání obrázků on-line? Lahůdka!) Také jsem si pohrál se smajlíky a vyměnil základní sadu, která se mi moc nelíbila. Pro upload souborů existuje i free modul IMCE. (Náš tip: pozor, IMCE měl nedávno kritickou bezpečnostní chybu, víte o tom?).

About the author

Autor je grafikem, web-designerem, provozovatelem několika obecných portálů a FLASH programátorem s domovskou adresou www.flash4shock.com

 

Doporučuji...

TinyMCE používám v Joomle! a je super, doporučuju zprovoznit. Vypnout se to kdyžtak dá vždycky… ;)

Chyba přístupu k tabulce

Něco jako:

* user warning: Table ‚drup_db.tinymce_settings‘ doesn't exist query: SELECT s.name FROM tinymce_settings s INNER JOIN tinymce_role r ON r.name = s.name WHERE r.rid IN (2) in /var/www/site.com/htdocs/includes/database.mysql.inc on line 120.

Je popsaná tady: http://drupal.org/node/62951

Jinak je to super editor!

Tabulky

Ahoj, muzte mi prosim nekdo poslat SQL export tech dvou tabulek TinyMCE? Jedna se jmenuje tinymce_settings a druha tinymce_role. Dekuju moc, specha to..

Pouziti TinyMCE

To ji vazne nikdo nepouzivate? Me se nainstalovala spatne, ikony mam daleko od sebe, s fonty nemohu pracovat, ani velikosti textu, linky mohu jen rusit a nikoli tvorit,… Pomuze mi nekdo, prosim?

Ahoj, tady je najdeš:

Dekuju

Ahoj, diky, presto nemam ten tinyMCE plne funkcni. Porad mi to ty buttony roztahuje, vytvoreni linku nechodi. Nevim co s tim. Volbou CSS to neni, dela to pokazde. :-(

s roztahovanim buttonu

s roztahovanim buttonu jsem mel taky problem. Taky byly roztazeny…pomohla uprava css ne u tinymce, ale primo u themes(v mem pripade marvin2k for phptemplate), kde mi to div.img rozhtahoval. Takze stacila mala uprava a vse je v poradku.

Jaká malá úprava?

Jaká malá úprava stačila. Mohl bys jí popsat? Mám Drupal 6.6 a téma vzhledu Garland. Buttony mám taky nehezky roztažený. Díky předem za info

Též jsem tinymce

Též jsem tinymce používal, ze všech WYSIWYG editorů mi přišel nejlepší. Jenže stejně mi přišlo, že mi do toho HTML kodu generoval věci navíc, tak si to radši píšu sám, nebo přes Texy! (dříve Textile).

Nastavení "buttons and plugins"

Potřeboval bych asi nakopnout, ale nemohu přijít jak si přizpůsobit tyto ovládací tlačítka tak aby mi nerozházeli celé stránky. Dávám jich tam max. množství a tudíž jich je moc v řádku a nevejdou se do mé šířky stránek a tím pádem se mi všechny ostatní sloupce stránky rozhodí. Nevíte jak je přinutit řádkovat nebo kde nastavit pevné odřádkování těchto tlačítek?

modul

nemohu otevřít modul v prvním kroku, chybí mi asi otvírací soubor, ale netuším který…

Jak to myslíš, že

Jak to myslíš, že nemůžeš otevřít modul? Že jsi si ho stáhla a nemůžeš ho rozbalit? Potom Ti chybí nějaký rozbalovací program, např. WINZIP, ale pokud máš Total Commander, tak tam stačí dát volbu soubory-dekomprese a určit cestu, kde se Ti má soubor rozbalit… Pravděpodobně ho budeš muset rozbalit dvakrát, protože má 2 „kompresní“ přípony. Potom už by to mělo vše fungovat dle návodu…

Administrace TinyMCE

Prosím radu. Nemohu přijít na to, kde se poodle tohoto návodu „Poté si vytvořte účet v TinyMCE s názvem „admin“ nebo redaktor“ vytvářejí uživatele v TinyMCE a vůbec kde se cele TinyMCE nastavůje. Vnastaveni TinyMCE mám pouze sekci „Basic settings“ a vní „Editor Mode:…“ a „Enable TinyMCE for:…“ nic víc sem k tomu v administraci nenašel

Administrace TinyMCE

ještě poznámka. TinyMCE mám doinstalované dle návodu do nové verze Drupal 5.0

Účet v TinyMCE

Vytváření účtů v tinyMCE se dělá hned na úvodní stránce – administrace->nastavení->tinyMCE pod volbou Create new profile. Potom v něm se dělá nastavení… Tudíž pokud už jste se dostal na stránku s Basic Settings, tak už máte profil vytvořený a jen si nastavíte, co a jak chcete, aby se zobrazovalo a kdo bude mít k tinMCE přístup (buď registrovaní, anonymní nebo obojí) a v jakém rozsahu, takže je možné zvolit, která tlačítka se budou zobrazovat registrovaným a která anonymním uživatelům atd.

asi je tam chyba

Jen tak cvicne sem se koukal vcera na Drupala a daval jsem tam tenhle modul a v tom navodu je asi chyba, protoze sem musel tinymce nahrat modules/tinymce/include namisto modules/tinymce/tinymce. S pozdravem Michal

Diky za upozorneni

Ahoj, diky za upozorneni, opravdu je to tak, nahral jsem TinyMCE do adresare modules/tinymce/includes, a uz to funguje.

ono to tak je až

ono to tak je až v pětkové verzi TinyMCE modulu (tedy pro Drupal5), a to ještě jen ve verzi oficiální, stáhnutelné v sekci modules na drupal.org. Nicméně pro původní klon TinyMCE modulu pro Drupal 4.7, který byl zatím neoficiálně portován pod Drupal 5 a je ke stáhnutí v Issues sekci, je cesta napsána správně. jinak tuto ne-oficiální verzi z vlastní zkušenosti mohu jen doporučit

preklep

V uvodu misto „s rozáshlými možnostmi formátování“ by bylo lepsi „s rozsáhlými možnostmi formátování“.

opraveno, diky

opraveno, diky

Problem se SMARTY sablonami

Pokud si otevřu v TinyMCE SMARTY šablonu, ve které je odkaz relizován např. zápisem

Pokazí se to při ukládání. Nemá někdo nápad, jak tomu zabránit? Případně zrušit editaci odkazů úplně.

Děkuji

Starší verze plugins pro TinyMCE

Mám starší verze, zde zmiňovaných plugins pro TinyMCE, které ještě byli FREE. Konkrétně jde o FileManager a ImageManager, které jsou dnes už komerční.
Mám problém s jejich sprovozněním, nevíte někdo jestli je to vůbec možné s novou verzí Drupal-u a TinyMCE. Jdou mi použít jen přes odkaz přímo na jejich index.html, ale nezobrazují se náhledy obrázků.
Neví někdo jak je použít v Drupal-u? Prosím moc o radu, jsou to opravdu šikovná udělátka, hlavně FileManager, tedy soudě podle nabízených možností, z praxe to moc odzkoušeno nemám.
Pro případné odzkoušení je možné si je tady stáhnout
MEXIECODE_filemanager.rar
MEXIECODE_imagemanager.rar
Nebo se jen koukněte jak se nechtějí zobrazovat náhledy
FileManager
ImageManager
Předem moc děkuju za pomoc

nevidim tinymce

mam snad spravne ulozen tinymce, vidim ho v systemu – modul zapnut, prava pro role take, nastaven profil v tinymce a presto nikde tento editor nevidim – nemohu pouzit – poradite prosim – mam drupal teprve tri dny

  • tak diky nasel jsem si chybu sam – odebral jsem kompresor a jede to :-)

(vyzkousim ho znovu aspon vim kde hledat chybu

také jsem měl stejný

také jsem měl stejný problém… Kompresou… ted mám ale jiný :( , při vložení obrázku si nějak nepamatuje align left či right, musím to zadávat ručně přímo do html. Nevíte co s tím ?

Ahoj. Jak jste vypli ten

Ahoj. Jak jste vypli ten kompresor?

Editace

Doufám že to ještě někdo sleduje :D Potřeboval bych poradit, chtěl bych si upravit styl zobrazeni př tinyMCE.init({
mode : „textareas“,
theme : „advanced“,
plugins : „safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template“,
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,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak“,
theme_advanced_toolbar_location : „external“,
theme_advanced_toolbar_align : „left“,
theme_advanced_statusbar_location : „bottom“,
theme_advanced_resizing : true });
Ale nevím kam to tam dát nebo kde to pozměnit, hledal sem to už pár hodin a nic sem nenašel :( předem moc děkuju za každou pomoc.

koukam že ten kod to

koukam že ten kod to trošku potentoval tak sry chtěl bych proste toto

tinytinyMCE

Na vkládání scriptu pro nastavení vzhledu tohoto editoru se dobře hodí TinytinMCE, což je taková odlehčená verze TinyMCE. Umožňuje nastavit dva scripty pro Simple a Advanced módy.

Více řádků v navigační liště

Doufam, ze tento konetar jeste nedo precte… Pokud si navolim prvky, kter chci pouzivat, tak je sklada neustale za sebe.. Jak docilim toho, aby zacal od urciteho ovladaciho tlacitka (nebo podle sirky) vkladat na novy radek? Po strasne dlouhem hledani, jsem nasel alespon cs soubor, kterym se da menit vzhled (implicitni). umisteni je: /jscripts/tiny_mce/themes/advanced/skins/default/ui.css ale nevim cim bych to mohl ovlivnit…ale mozna se to dela uplen nejak jinak..Moc diky za radu

reseni

myslim, ze tady se pocet radku s ikonkama nejak vyresil: http://www.drupal.cz/…adaciho-pole

Uvozovky

Dobrý den, používáme administrační systém K:CMS. Jeho součástí je i česká Tiny. Zjistili jsme ale, že neumí přepisovat uvozovky. Místo nich se po publikaci článku objeví otazník. Můžete mi, prosím poradit? Nejsem ajťák, tak na mě prosím buďte hodní. Pěkně krok za krokem. Kde co otevřít, který řádek přepsat atd. Díky za záchranu!

ReadOnly

Dobrý den, používám Tiny a v jednom případě bych potřeboval javascriptem měnit readonly. Při init je možné to nastavit „readonly : true“. Ale jak to udělat za běhu? Je to možné? Předem děkuji za pomoc.

Poslat nový komentář

Obsah tohoto pole je soukromý a nebude veřejně zobrazen.
  • You can use Texy! to format and alter entered content.
  • Povolené HTML značky: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <p> <br> <b> <i> <h2> <img> <pre> <sup> <sub> <pre class="php"> <span class="php-keyword1"> <span class="php-var"> <span class="php-num"> <img class="screenshot"> <p class="beginner"> <a class="greybox"> <h3> <h4>

Více informací o možnostech formátování

Type the characters you see in this picture. (verify using audio)
Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated. Not case sensitive.

Hledat

Přihlášení

Bezpečnost Drupalu

Z hlediska bezpečnosti je Drupal na velmi vysoké úrovni, díky propracovanému systému hlášení, prověřování a řešení možných problémů.

Čtěte více a odebírejte bezpečnostní aktuality

Poslední komentáře

Kdo je online

Momentálně je online 0 uživatelů a 0 hostů.