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.

> boun...@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?

_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Antwort per Email an