sie
26
2013

WordPress – TinyMCE, link anchor/kotwica i pobieranie zaznaczonego tekstu

Po małej walce z TinyMCE udało mi się wyciągnąć fragment zaznaczonego tekstu z textarea (pole treści artykułu). Niby zadanie łatwe, ale… W momencie tworzenia kotwicy/anchor, gdy chcemy wyciągnąć zaznaczony tekst z edytora WYSIWYG, jest problem z odwołaniem się do okna z polem tekstowym, w którym piszemy artykuł.

Opis problemu

Poniżej opiszę ewentualne wykorzystanie modyfikacji TinyMCE.

  • Użytkownik pisze artykuł.
  • Zaznacza tekst, aby utworzyć kotwicę (anchor) na wybranym słowie lub zdaniu.
  • Skrypt TinyMCE w chwili dodania kotwicy ma pobrać zaznaczony fragment tekstu wraz z nazwą kotwicy, którą wpisze użytkownik.
  • Skrypt TinyMCE dodaje kotwicę i kopiuje jej nazwę wraz z zaznaczeniem do innego pola na stronie edycji artykułu.

Problemem jest odwołanie się do elementów DOM strony z edycją artykułu. Okno pytające o wprowadzenie nazwy kotwicy jest dzieckiem okna edytora. Dlatego też odwoływać się do niego będziemy przez instrukcję window.parent.

kotwica_przyklad

 

Rozwiązanie

Otwieramy do edycji plik wtyczki TinyMCE:
..\wp-includes\js\tinymce\themes\advanced\js\anchor.js

W funkcji update() ok. linii 20, po fragmencie…

…dodajemy dwie zmienne:

 
Następnie tuż przed fragmentem kodu:

Dodajemy fragment odpowiedzialny za wykorzystanie wcześniej dodanych zmiennych:

 

Dodatkowe informacje

Dorzucam kilka przydatnych odnośników do dokumentacji TinyMCE:

Podobne tematy

Autor wpisu: Arkadiusz Krakiewicz

Programista i właściciel sklepu jednocześnie, dzięki temu rozumie potrzeby osób prowadzących sprzedaż w internecie. Od 2006 związany z eCommerce. Zaczynał jako freelancer tworząc sklepy oraz strony www. Aktualnie zajmuje się: programowanie w PHP, Symfony 2, Android, PrestaShop, osCommerce, OpenCart, WordPress.

Dodaj komentarz

Anti-Spam

O mnie

Arkadiusz Krakiewicz
Programista aplikacji webowych dla branży eCommerce. Jednocześnie jako właściciel sklepu zna od "podszewki" potrzeby osób prowadzących sprzedaż w internecie.
W swoich rozwiązaniach stawia na funkcjonalność i wydajność aplikacji pod kątem obsługi klienta.
[X]
Strona korzysta z plików cookies w celu realizacji usług i zgodnie z Polityką Plików cookies.
Możesz określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.
Więcej w Tips & Tricks
Wordpress logo
WordPress – Zmiana funkcji wyszukującej posty (posts_search)

Chciałbyś zmienić sposób przeszukiwania postów w swoim Wordpressie? Zmodyfikować zapytanie MySQL używane w formularzu "Szukaj..."? Tutaj opiszę jak w pełni...

Zamknij