2012-12-23 6 views
9

mam shortcodes wewnątrz edytora TinyMCE, które są zawarte w nawiasach tak:Jak podkreślają shortcodes w edytorze TinyMCE

[my_shortcode]some text that gets parsed by my shortcode function[/my_shortcode] 

jest to możliwe do zastosowania css style wykonawcze do zawartości edytora TinyMCE tak, że każdy element to jest w nawiasach (to na mojej liście skrótów *) dostaje specjalne traktowanie css, aby je wyróżnić?

Pomysł polega na tym, że krótkie kody nie mają obecnie specjalnego koloru ani formatowania, aby odróżnić je od otaczającego tekstu i może być trudno pracować z nimi, chyba że wyróżniają się bardziej.

Moja lista skróconych (przykład):

[my_shortcode],[my_shortcode_2],[my_shortcode_3] 

Aktualizacja: Biorę co mogę na ten jeden, ale najlepiej, chcę tylko, aby zastosować stylizacji do wsporników, a nie tekst, który nawiasy są owinięte wokół. Chciałbym zastosować styl CSS środowiska wykonawczego tylko w nawiasach kodu short: [my_shortcode] i [/ my_shortcode] na przykład i pozostawić tekst, który sami załączają.

+0

Nie sądzę, że jest to możliwe do zastosowania stałego stylizacji dla tych bloków, chyba że zostaną one przekształcone w blokach (przęseł lub inny elementów inline). Co powiesz na podkreślenie ich na żądanie za pomocą wyznaczonego przycisku? – raina77ow

+0

WYSIWYG + znaczniki szablonu = katastrofa. Ludzie zawsze psują rzeczy, dodając pogrubienie/kursywa/crapPastedFromWordDocument. Nie mogę się doczekać odpowiedzi na to pytanie, naprawdę mógłbym to wykorzystać - nawet jeśli jest to tylko wizualny sygnał. Myślę, że twoja aktualizacja wymaga trochę więcej, powinieneś wziąć to, co możesz dostać na tym, ponieważ nie sądzę, że będzie to takie proste. –

+0

@Wesley - Wolałbym po prostu umieścić kod html w porównaniu do shortcode. Kiedy mam czas na głębsze zagłębianie się w interfejsie API tinyMCE, mogę pominąć skróty i po prostu dodać odpowiedni kod HTML, który ostatecznie generuje shortcode. –

Odpowiedz

1

problemem jest to, że nie można zastosować css do części tekstowej zawartości elementu html. Moja aplikacja rozwiązania będzie wyglądać następująco: Będziesz musiał zawinąć te zamknięte znaczniki w zakres o specjalnej klasie. W ten sposób Twoje krótkie kody mogą być podświetlone. Po przesłaniu treści edytora na serwer będziesz musiał rozebrać zakresy swojej klasy specjalnej i zastąpić je zawartością textContent.

0

Najlepszym sposobem na podkreślenie skrótów lub innych elementów jest użycie niestandardowego menu shortcode, które wyświetli listę wszystkich shortokodów i wstawi je do wyróżnionego obszaru edytora lub jeszcze lepiej użyje podświetlacza składni do wyróżnienia html, css, javascript i shortocodes (tylko w trybie surowym)

proste rozwiązanie do tego, używając CodeMirror jest tutaj: http://nikos-web-development.netai.net/blog/shortcodes-highlighting-overlay-in-codemirror/