1. Dashboard
  2. Articles
  3. Forum
  • Login or register
  • Search
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • More Options
  1. webEdition Forum
  2. Forum
  3. Deutschsprachiges Support Forum
  4. webEdition Templates erstellen (we:tags)

CSS Style bei Bildern im tinyMCE

  • christobal
  • July 8, 2024 at 4:10 PM
  • christobal
    Student
    Posts
    80
    • July 8, 2024 at 4:10 PM
    • #1

    Hallo aus Tirol,

    leider klappt es mit den Styles bei Bildern im tinyMCE wieder einmal nicht. Ich mach es eigtl. seit Jahren und durch Zufall gehts oder auch nicht.

    webEdition 9.2.3
    PHP 8.2.20

    0) im master.tmpl hab ich die CSS-Datei eingebunen

    Code
    <we:css id="2314" rel="stylesheet" title="BIG SCSS STYLESHEET" media="all" xml="true" />

    1) in der Klasse definiere ich unter "Eigenschaften" bei CSS ein abgespecktes CSS-Stylesheet mit Bilderformatierungen

    CSS
    .img-responsive-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
    .img-responsive-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
    .img-50-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 50%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
    .img-50-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 50%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
    .img-33-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 33%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
    .img-33-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 33%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
    .img-25-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 25%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
    .img-25-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 25%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }

    2) in der Klasse definiere ich in den Textbox-Attributen unter "classes" die Stile kommasepariert, z.B.: "img-responsive-links,img-responsive-rechts,img-50-links,img-50-rechts,img-33-links,img-33-rechts,img-25-links,img-25-rechts"
    die Benennung hab ich dreimal kontrolliert

    3) wenn ich dann Redakteur bin und ein Bild in der Textbox mit einer Klasse versehen will, ist die select leer.
    (wenn ich unter "commands" styleselect definiere, bekomme ich die Stilvorlagen - aber halt nur für Absätze...)

    Was mach ich da immer falsch?
    Bitte um Hilfe!

    Christoph<X

    Christoph Kaspar

    BIG Detail, Kaspar & Sigl OG

    Riedgasse 8b

    A-6020 Innsbruck

    Tirol-Österreich

    bigdetail.com

  • WBTMagnum
    Student
    Reactions Received
    11
    Posts
    140
    • July 8, 2024 at 4:27 PM
    • #2

    Hallo Christoph,

    Ich denke, du musst das classes Attribut wie folgt setzen: classes=".img-responsive-links,.img-responsive-rechts,.img-50-links,.img-50-rechts,.img-33-links,.img-33-rechts,.img-25-links,.img-25-rechts"

    Zum Thema styleselect gibt es noch Ticket #14082.

    HTH,
    Sascha

  • christobal
    Student
    Posts
    80
    • July 9, 2024 at 10:58 AM
    • #3

    Grüß Dich Sascha, Punkte davor setzen hat leider auch nichts gebracht.

    Grübel

    Christoph Kaspar

    BIG Detail, Kaspar & Sigl OG

    Riedgasse 8b

    A-6020 Innsbruck

    Tirol-Österreich

    bigdetail.com

  • netzlum
    Beginner
    Reactions Received
    3
    Posts
    24
    • December 19, 2024 at 11:12 AM
    • #4

    Hallo Christoph, ist ja schon ein bisschen älter der EIntrag, aber vielleicht hilft es ja sonst noch jemandem: ich bekomme die Auswahl im select im image-tinymce-image-plugin, wenn ich die css-Formate mit dem Tag vor der Klasse eingebe: Bsp: classes="img.bild-im-text-links, img.bild-im-text-rechts, p.einzug"

    Die verfügbaren Klassen werden kontextabhängig angeboten.

    Ludger

    Viele Grüße

    ludger müller
    gestaltung für bildschirm und papier aus münster in westfalen

    https://artbeit.de

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login

Donations

200.00 EUR

Donate now

Tags

  • tinymce
  • css
  • Bilder

Users Viewing This Thread

  • 1 Guest
  1. Privacy Policy
  2. Legal Notice
Powered by WoltLab Suite™