Wysiwyg CodeMagic: pohodlná úprava zdrojového HTML v editoru v Drupalu

Na většině webů s Drupalem, které vyvářím, je nezbytná přítomnost vizuálního editoru. Dávám přednost TinyMCE, mimo jiné proto, že pro něj existuje spousta doplňujících modulů. Naposledy mě zaujal Wysiwyg CodeMagic umožňující pohodlnou úpravu HTML přímo v editoru.
reklama

Používáte na webech s redakčním systémem Drupal nějaký vizuální editor? Já jej mám nasazen prakticky na všech webech pro své klienty (s výjimkou www.melvil.cz kde je hojně využíván markdown a svého www.polzer.cz, kde používám markdown v kombinaci se značkovacím editorem markItUp!).

Na všech dalších webech s Drupalem používám kombinaci modulu Wysiwyg API a editoru TinyMCE. Toto řešení má oproti použití přímo modulu TinyMCE spoustu výhod. Je univerzálnější (lze použít více editorů na jednom webu), je více rozšiřitelné návaznými moduly a v neposlední řadě se pro něj dají docela snadno psát další pluginy, tedy tlačítka pro TinyMCE. Viz článek Drupal, Wysiwyg a tvorba tlačítka pro editor TinyMCE.

Jedním ze zajímavých doplňkových modulů pro kombinaci Wysiwyg + TinyMCE je modul Wysiwyg CodeMagic. Doplní totiž do editoru prostředek pro pohodlnou úpravu zdrojového HTML se zvýrazňováním syntaxe, možností formátování kódu a také automatické dokončování psaných značek.

Jak na instalaci editoru zdrojového HTML v Drupalu 7

Pro další předpokládám, že už máte zprovozněnu kombinaci modulu Wysiwyg a editoru TinyMCE. Nyní si stáhněte a zapněte modul Wysiwyg CodeMagic. Na domovské stránce tohoto modulu najdete odkaz pro stažení balíčku CodeMagic. Ten si pak v počítači rozbalte a jako složku codemagic jej nakopírujte na svůj web do umístění sites/all/libraries/tinymce/jscripts/tiny_mce/plugins.

Přejděte do nastavení Konfigurace > Vytváření obsahu > Wysiwyg profiles a rozklepněte si některý z připravených profilů editoru TinyMCE. Zapněte zde tlačítko CodeMagic a nastavení uložte.

Nyní stačí otevřít editaci nebo vytváření nějakého obsahu, pro který se vám zobrazuje editor. V jeho nástrojové liště byste měli zaznamenat přítomnost nového tlačítka HTML, po jehož stisku se vám objeví okno pro úpravu zdrojového kódu.

Tlačítko CodeMagic v editoru TinyMCE v Drupalu

Všimněte si, že při psaní se vám automaticky objeví nápověda s možností doplnění odpovídajících značek.

CodeMagic

Možností, jak docílit zvýrazňování syntaxe HTML kódu v prostředí TinyMCE v Drupalu je více. Toto řešení mi však připadá velice jednoduché a pokud po něčem podobném toužíte, vřele vám jej doporučuji.

Tagy
Autor článku: Jan Polzer

Tvůrce webů z Brna se specializací na Drupal a Symfony. Obojí také školím spolu se základy SEO. Jsem Acquia Certified Developer a Site Builder a napsal jsem několik knih o Drupalu. Ve volných chvílích cestuji a podnikám výlety. Více se dozvíte na mém firemním webu.

reklama

Komentáře k článku

návštěvník

Jak málo stačí ke štěstí. Takovou dobu se trápím editací kódu mimo web a ejhle, jaké pěkné udělátko na to v TinyMCE mají. Je to bezvadné, jen doplním, že ten pludin se musí strčit trochu hloubš a sice do /sites/all/libraries/tinymce/jscripts/tiny_mce/plugins/ - kopírovaná složka se musí přejmenovat na - codemaster.

Profile picture for user Jan Polzer

Jejda, hlavně že jsem to kopíroval správně u sebe :-) V článku opraveno. Přejmenovat se to má na codemagic, ne na codemaster. Codemaster je knihovna, kterou CodeMagic používá na zvýraznění syntaxe.

návštěvník

...správně! Důležité je, společnou silou dojít k cíli :o)  - codemagic - je správná volba. S omluvou a především s poděkováním. M.

Přidat komentář

Filtered HTML

  • Povolené HTML značky: <a href hreflang> <em> <strong> <cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <p> <br>
  • Řádky a odstavce se zalomí automaticky.
  • Web page addresses and email addresses turn into links automatically.

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Sledujte Maxiorla na Facebooku

Maxiorel na Facebooku

Poslední komentáře
reklama
reklama
Hosting pro Drupal a WordPress

Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.

Knihy o Drupalu

Kniha Drupal 8 Kniha Drupal 7 333 tipů a triků pro Drupal
Více na KnihyPolzer.cz

@maxiorel na Twitteru

Maxiorel na Twitteru