W jaki sposób można dodawać podziały wierszy w podpowiedzi HTML?
Próbowałem użyć <br/>
i \n
wewnątrz podpowiedzi w następujący sposób:
<a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a>
Jednak było to bezużyteczne i mogłem zobaczyć dosłowny tekst <br/>
oraz \n
w podpowiedzi. Wszelkie sugestie będą pomocne.
Environment.NewLine
działa w celu dodania podziału wiersza od strony kodu ... bez kłopotów ... bez muss ...Odpowiedzi:
Po prostu użyj kodu jednostki

dla podziału wiersza w atrybucie tytułu.źródło


nie działa dla mnie w Windows, Chrome v53. Ale
działało dobrze.

wydaje się, że działa całkiem nieźle :)Po prostu dodaj atrybut danych
i jesteś gotowy.
Na przykład. stosowanie:
To działało w większości wtyczek z etykietkami narzędzi, które wypróbowałem do tej pory.
źródło
W

połączeniu ze stylem spacji: pre-line; pracował dla mnie.źródło
white-space: pre-line;
styl jest potrzebny, jest bardzo ukryty.

: stackoverflow.com/questions/6502054/ ...Ten kod CSS ostatecznie zadziałał dla mnie w połączeniu z wysuwem wiersza w moim edytorze:
Znalezione tutaj: Jak sprawić, aby podpowiedzi programu ładującego Twittera miały wiele linii?
źródło
Podaj
\n
między tekstem. Działa na wszystkich przeglądarkach.To zadziała dla mnie i jest używane w kodzie.
Mam nadzieję, że to zadziała
źródło
ze stylizacją
pracował dla mnie.
źródło
Znalazłem to. Można to zrobić po prostu w ten sposób
źródło
Wersja javascript
Ponieważ

(html) to0D
(hex), można to przedstawić jako'\u000d'
Dodatkowo,
Dzielę się z wami filtrem AngularJS, który zastępuje
\n
ten znak dzięki odniesieniom w innych odpowiedziachstosowanie
źródło
po prostu użyj \ nw tytule i dodaj ten css
źródło
<br />
zadziałało, jeśli używasz qTipźródło
Po prostu dodaj data-html = "true"
źródło
możliwe jest dodawanie podziałów wierszy w natywnych podpowiedziach HTML poprzez po prostu rozłożenie atrybutu tytułu na wiele wierszy.
Jednak polecam użycie wtyczki jQuery tooltip, takiej jak Q-Tip: http://craigsworks.com/projects/qtip/ .
Jest prosty w konfiguracji i obsłudze. Alternatywnie istnieje wiele darmowych wtyczek z podpowiedziami javascript.
edycja: korekta na pierwszym oświadczeniu.
źródło
Dla mnie 2-etapowe rozwiązanie (połączenie formatowania tytułu i dodania stylu) działało w następujący sposób:
1) Sformatuj
title
atrybut:2) Dodaj ten styl do
tips
elementu:Przetestowano w IE8, Firefox 22 i Safari 5.1.7.
źródło
Po prostu dodaj ten fragment kodu do swojego skryptu:
i oczywiście, jak wspomniano w powyższych odpowiedziach,
data-html
powinno być"true"
. Umożliwi to użycie tagów html i formatowania wewnątrz wartoścititle
atrybutu.źródło
data-toggle="tooltip" data-html="true" title="some string <br/> some string"
.Cóż, jeśli używasz narzędzia Jquery Tooltip , w pliku Javascript „jquery-ui.js” znajdź następujący tekst:
i umieść powyżej
Mam nadzieję, że to zadziała również dla Ciebie.
źródło
Więc jeśli używasz bootstrap4, to zadziała.
Jeśli używasz w projekcie Django, możemy również wyświetlać dane dynamiczne w podpowiedziach, takich jak:
źródło
Rozwiązaniem dla mnie było http://jqueryui.com/tooltip/ :
A oto kod (część skryptu tworząca
<br/>
Works to „content:”):HTML HEAD
Formant ASPX lub HTML
Mam nadzieję, że to komuś pomoże
źródło
Interfejs użytkownika Grater niż Jquery UI 1.10 nie obsługuje używania tagu html w atrybucie title, ponieważ jest to nieprawidłowy kod HTML.
Zatem alternatywnym rozwiązaniem jest użycie opcji zawartości podpowiedzi. Zobacz - http://api.jqueryui.com/tooltip/#option-content
źródło
Posługiwać się
Nie powinno być żadnych; postać.
źródło
jeśli używasz jquery-ui 1.11.4:
źródło
uib-tooltip, uib-tooltip-template i uib-tooltip-html
W moim przypadku wybrałem uib-tooltip-html i składa się z trzech części:
Przykład:
Więcej informacji można znaleźć tutaj
źródło
U mnie zadziałało używanie .html () zamiast .text (). Na przykład
źródło
użycie
powinno działać (testowałem w Chrome , Firefox i Edge ):źródło
Cześć, ten kod będzie działał we wszystkich przeglądarkach !! Użyłem dla nowej linii w chrome i safari i ul li dla IE
źródło
Możesz użyć podpowiedzi bootstrap i nie zapomnij ustawić opcji html na true.
źródło
Po prostu użyj kodu jednostki


dla podziału wiersza w atrybucie tytułu.źródło
Ten CSS Ci pomoże.
źródło