[TYPO3-german] TYPO3 7.6 RTE - Popover / Tooltip mit Bootstrap 4
Johannes C. Laxander
jc at laxander.com
Tue Jan 31 22:01:55 CET 2017
Ich habe eine mögliche Lösung gefunden: EXT:bootstrap_links
Generierter HTML Code:
<div class="ce-bodytext">
<p><a href="/seite/##" title="Title text" class="btn btn-primary"
data-toggle="popover" data-placement="top" data-trigger="hover"
data-content="Das ist der Erklärungstext im Popup.">Begriff</a> </p>
</div>
JavaScript:
jQuery.noConflict();
jQuery(document).ready(function($) {
$('[data-toggle="popover"]').popover('toggle');
}
Die Bibliothek tether.min.js ist vor bootstrap.min.js eingebunden.
Allerdings wird weder bei mouse-over noch bei einem Klick das popover
angezeigt.
Wo liegt das Problem?
Johannes.
> bounces at lists.typo3.org] Im Auftrag von Johannes C. Laxander
> Gesendet: Dienstag, 31. Januar 2017 18:34
>
> Hallo,
> in einem RTE-Text soll für bestimmte Begriffe ein Popover/Tooltip
> (http://v4-alpha.getbootstrap.com/components/popovers/) generiert
> werden.
>
> Es reicht hier nicht aus, diesen Begriffen nur Bootstrap-Klassen
zuzuweisen,
> sondern ich muss ein Button-Tag generieren und dafür auch data-Attribute
> angeben können (data-toggle, data-content,
).
>
> Weiß jemand wie man das umsetzen kann?
More information about the TYPO3-german
mailing list