[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