TinyMCE Node Picker: vylepšené vkládání odkazů na interní obsah v Drupalu

Pokud něco v Drupalu chybí, je to možnost jednoduchého prolinkování textů v obsahu odkazy na starší články nebo termíny. Pohodlné řešení vám nabízí modul nazvaný TinyMCE Node Picker provázaný na vizuální editor.
reklama

Pokud používáte vizuální editor TinyMCE spolu s modulem WYSIWYG, pak máte v podstatě jedinou možnost, jak vložit odkaz na jiný článek nebo nějaký obsahový prvek v Drupalu. Otevřete si svůj web v ještě jednom okně nebo panelu, tam si najdete příslušnou stránku a zkopírujete její URL. Pak se přepnete zpět a toto URL v editovaném obsahu zadáte.

Pomocí modulu TinyMCE Node Picker se vám však otevírá ještě jedna cesta. Tento modul je provázán na vizuální editor, pro který nabídne speciální tlačítko otevírající okno se seznamem článků, kategorií a uživatelů. Nechybí zde vyhledávání, takže zde jednoduše najdete požadovaný obsah. Vedle názvu je pak odkaz pro snadné vložení URL do textu.

Jak zprovoznit modul TinyMCE Node Picker

Než se pustíme do instalace a nastavení, shrňme si, co všechno je potřeba pro zprovoznění modulu TinyMCE Node Picker potřeba:

  • WYSIWYG - zapouzdření vizuálního editoru
  • TinyMCE - samotné knihovny editoru rozbalené do složky sites/all/libraries (ale teoreticky by už měl být podporován jakýkoli editor kompatibilní s WYSIWYG)
  • TinyMCE Node Picker - samotné vybírátko obsahu, které je předmětem tohoto článku
  • Views - s jeho pomocí ovlivníte nabídku zobrazenou v TinyMCE Node Pickeru

V následujícím budu předpokládat, že jste si již úspěšně nainstalovali a používáte modul WYSIWYG s nějakým editorem a také Views. Pokud ne, doporučuji si prohlédnout některé ze starších videonávodů zde na Maxiorlovi.

Po instalaci TinyMCE Node Pickeru a jeho zapnutí jděte do Administrace >> Nastavení webu >> WYSIWYG. Zde si rozklepněte nastavení u daného typu obsahu, nejčastěji tedy asi u Full HTML.

Zobrazí se klasické nastavení vizuálního editoru, ve kterém se přepněte do sekce s tlačítky a zaktivujte novou položku nazvanou Node Picker. Nastavení poté uložte.

Jak jednoduše vkládat odkazy s TinyMCE Node Picker

Nyní si ve své administraci Drupalu zobrazte formulář pro vložení nebo úpravu nějakého obsahu. Zapněte si editor, ve kterém by se mělo objevit nové tlačítko s popiskem Insert link to internal content. Označte text v obsahu, který chcete zalinkovat, a toto tlačítko stiskněte.

TinyMCE Node Picker

TinyMCE Node Picker

Objeví se klasicky nové okno editoru, podobně, jako když vkládáte odkaz klasickým způsobem. V tomto případě se však v okně objeví seznam všech uzlů, které máte v Drupalu vytvořeny. Seznam lze vyfiltrovat podle typu obsahu a zároveň můžete prohledávat nadpisy uzlů:

TinyMCE Node Picker

TinyMCE Node Picker

Na kartě Kategorie lze podobným způsobem zobrazit seznam všech termínů ve zvolené kategorii. Karta Menu zase zobrazí veškeré navigační odkazy. Po klepnutí na Insert link se vrátíte zpět do editoru, kde se označený text přetvoří na odkaz.

TinyMCE Node Picker

TinyMCE Node Picker

Použití rozšiřujícího modulu TinyMCE Node Picker výrazným způsobem ulehčí práci se vkládáním odkazů na interní obsah. Pokud se po jeho instalaci podíváte do Administrace >> Prvky webu >> Views, najdete zde dva pohledy nodepicker_nodes a nodepicker_taxonomy. Jde o klasické Views, které definují obsah zobrazený v okně Node Pickeru. Pokud vám například nevyhovuje počet položek ve stránkovači, jednoduše si je upravíte právě ve Views.

TinyMCE Node Picker má z principu fungování jednu nevýhodu. Do textu vloží aktuální odkaz, třeba na článek. Pokud jeho URL později změníte, nebude původní odkaz v textu logicky funkční. Hledáte-li modul, který automaticky udržuje odkazy v textu uvnitř webu, vyzkoušejte modul Linodef.

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

Node Picker - je podobný modul, který funguje i např. s CKEditorem (přes Wysiwyg modul). Vypadá to, že funguje také dobře, bohužel ještě nemá tu rozšířenou funkcionalitu. Zatím nefiltruje obsah podle kategorií a menu. Ale jen dle typu obsahu a názvu. Ale i tak je to velká pomoc. Navíc musí se před jeho instalací nahodit jQueryUI modul.

Profile picture for user Jan Polzer

Ano, Node Picker vznikl o něco později, ale do budoucna se s ním plánuje jako s jedinou alternativou, která TinyMCE Node Picker nahradí a bude spolupracovat i s dalšími editory.

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
Nové diskuze
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