Hi
Ich wollte in der Artikelbescheibung ein SVG einbauen, aber ob mit code oder Tiny ausgeschaltet, haut er mir allen code raus.:mad:
Habs mit Iframe versucht, erscheint nur ein weißer Rahmen.
Kann oxid kein SVG? Ich mein, er nimmt HTML Tags an, daher dachte ich man kann auch svg benutzen, oder muss man das irgendwo erst erlauben?
Ich könnte es natürlich auch mit PNG umsetzen , aber svg wäre schöner.
Hat jemand einen Tip für mich?
VG Roman
Gib mal einen Beispiel Code, dann teste ich das in meinem Shop
Ja gerne. Hier:
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="40" viewBox="0 0 135 40.68"><defs><style>.cls-1{fill:#fcaf17;}.cls-1,.cls-2{fill-rule:evenodd;}.cls-2{fill:#231f20;}</style></defs><title>amazon-logo135px</title><g id="_Gruppe_" data-name="<Gruppe>"><g id="_Gruppe_2" data-name="<Gruppe>"><g id="_Gruppe_3" data-name="<Gruppe>"><path id="_Pfad_" data-name="<Pfad>" class="cls-1" d="M92.38,39c-7.84,5.79-19.21,8.87-29,8.87A52.5,52.5,0,0,1,27.94,34.32c-.73-.66-.08-1.57.81-1.06A71.3,71.3,0,0,0,64.2,42.68a70.5,70.5,0,0,0,27-5.53c1.33-.56,2.44.88,1.14,1.83" transform="translate(-8.63 -7.16)"/><path id="_Pfad_2" data-name="<Pfad>" class="cls-1" d="M95.65,35.25c-1-1.29-6.63-.61-9.16-.31-.76.09-.88-.58-.19-1.06,4.49-3.15,11.84-2.24,12.7-1.19s-.23,8.44-4.43,12c-.65.54-1.26.25-1-.46.95-2.36,3.07-7.66,2.06-8.94" transform="translate(-8.63 -7.16)"/><path id="_Pfad_3" data-name="<Pfad>" class="cls-2" d="M86.66,11.6V8.54a.76.76,0,0,1,.78-.78h13.74a.77.77,0,0,1,.79.78v2.63a4.28,4.28,0,0,1-1,1.93L93.82,23.25a15.22,15.22,0,0,1,7.83,1.68,1.4,1.4,0,0,1,.73,1.2V29.4c0,.45-.49,1-1,.7a15.81,15.81,0,0,0-14.51,0c-.48.25-1-.26-1-.71V26.31a3.68,3.68,0,0,1,.51-2.11l8.24-11.83H87.46a.77.77,0,0,1-.79-.77" transform="translate(-8.63 -7.16)"/><path id="_Pfad_4" data-name="<Pfad>" class="cls-2" d="M36.57,30.74H32.39a.78.78,0,0,1-.75-.71V8.59a.79.79,0,0,1,.81-.77h3.89a.79.79,0,0,1,.76.72v2.8h.08a5.51,5.51,0,0,1,5.5-4c2.62,0,4.25,1.26,5.42,4A6.17,6.17,0,0,1,58.71,9.71c1.33,1.8,1.06,4.42,1.06,6.72V30a.79.79,0,0,1-.81.77H54.78A.78.78,0,0,1,54,30V18.6a27.34,27.34,0,0,0-.12-4,2.18,2.18,0,0,0-2.46-1.85A2.77,2.77,0,0,0,49,14.5a13,13,0,0,0-.39,4.1V30a.79.79,0,0,1-.81.77H43.59a.78.78,0,0,1-.75-.77V18.6c0-2.39.39-5.91-2.57-5.91s-2.89,3.43-2.89,5.91V30a.79.79,0,0,1-.81.77" transform="translate(-8.63 -7.16)"/><path id="_Zusammengesetzter_Pfad_" data-name="<Zusammengesetzter Pfad>" class="cls-2" d="M113.79,7.37c6.2,0,9.56,5.33,9.56,12.1,0,6.54-3.71,11.73-9.56,11.73-6.08,0-9.4-5.33-9.4-12s3.35-11.87,9.4-11.87m0,4.38c-3.08,0-3.28,4.2-3.28,6.81s0,8.22,3.24,8.22,3.4-4.51,3.4-7.27a19.8,19.8,0,0,0-.62-5.69,2.62,2.62,0,0,0-2.73-2.08" transform="translate(-8.63 -7.16)"/><path id="_Pfad_5" data-name="<Pfad>" class="cls-2" d="M131.39,30.74h-4.16a.78.78,0,0,1-.75-.77V8.52a.79.79,0,0,1,.81-.7h3.88a.8.8,0,0,1,.74.6V11.7H132c1.17-2.93,2.81-4.33,5.69-4.33a5.48,5.48,0,0,1,4.88,2.53c1.09,1.71,1.09,4.6,1.09,6.68V30.07a.79.79,0,0,1-.8.68h-4.19a.79.79,0,0,1-.74-.68V18.42c0-2.35.27-5.77-2.62-5.77a2.73,2.73,0,0,0-2.42,1.71,9.54,9.54,0,0,0-.66,4.06V30a.8.8,0,0,1-.81.77" transform="translate(-8.63 -7.16)"/><path id="_Zusammengesetzter_Pfad_2" data-name="<Zusammengesetzter Pfad>" class="cls-2" d="M75.72,20.5a8.21,8.21,0,0,1-.78,4.43A3.39,3.39,0,0,1,72,26.83c-1.6,0-2.54-1.22-2.54-3,0-3.56,3.19-4.2,6.22-4.2Zm4.21,10.19a.86.86,0,0,1-1,.1A10.14,10.14,0,0,1,76.55,28c-2.29,2.33-3.92,3-6.89,3-3.52,0-6.25-2.17-6.25-6.51a7.1,7.1,0,0,1,4.46-6.83c2.27-1,5.43-1.17,7.86-1.44v-.54a5.33,5.33,0,0,0-.51-3,2.78,2.78,0,0,0-2.35-1.09A3.18,3.18,0,0,0,69.5,14.1a.88.88,0,0,1-.72.77l-4-.44a.73.73,0,0,1-.62-.87c.93-4.91,5.37-6.4,9.34-6.4,2,0,4.69.54,6.29,2.08,2,1.9,1.84,4.43,1.84,7.19v6.51a5.7,5.7,0,0,0,1.58,3.87.79.79,0,0,1,0,1.11c-.85.72-2.37,2-3.2,2.78Z" transform="translate(-8.63 -7.16)"/><path id="_Zusammengesetzter_Pfad_3" data-name="<Zusammengesetzter Pfad>" class="cls-2" d="M20.94,20.5a8.21,8.21,0,0,1-.78,4.43,3.39,3.39,0,0,1-2.89,1.9c-1.6,0-2.54-1.22-2.54-3,0-3.56,3.2-4.2,6.22-4.2Zm4.21,10.19a.86.86,0,0,1-1,.1A10.22,10.22,0,0,1,21.77,28c-2.29,2.33-3.92,3-6.89,3-3.52,0-6.25-2.17-6.25-6.51a7.1,7.1,0,0,1,4.46-6.83c2.27-1,5.43-1.17,7.86-1.44v-.54a5.33,5.33,0,0,0-.51-3,2.78,2.78,0,0,0-2.35-1.09,3.18,3.18,0,0,0-3.36,2.51.88.88,0,0,1-.72.77l-4-.44a.73.73,0,0,1-.62-.87c.93-4.91,5.37-6.4,9.34-6.4,2,0,4.69.54,6.3,2.08,2,1.9,1.84,4.43,1.84,7.19v6.51a5.7,5.7,0,0,0,1.58,3.87.79.79,0,0,1,0,1.11c-.85.72-2.37,2-3.2,2.78Z" transform="translate(-8.63 -7.16)"/></g></g></g></svg>
<br>
<span style="padding:.2em; position: relative; bottom: .2em; font-weight: 600; font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif'">Bewertung:</span>
<svg version="1.1" id="" xmlns="http://www.w3.org/2000/svg" width="80" height="16" viewBox="0 0 80 16" xml:space="preserve">
<title>Euro NCAP Crashtest - 5 stars</title>
<polygon id="Star_1" fill="#ff0" stroke="#1a171b" stroke-width=".25" points="8,1.343 9.652,6.429 15,6.429 10.674,9.571 12.326,14.657 8,11.515 3.674,14.657 5.326,9.571 1,6.429 6.348,6.429" />
<polygon id="Star_2" fill="#ff0" stroke="#1a171b" stroke-width=".25" points="24,1.343 25.652,6.429 31,6.429 26.674,9.571 28.326,14.657 24,11.515 19.674,14.657 21.326,9.571 17,6.429 22.348,6.429" />
<polygon id="Star_3" fill="#ff0" stroke="#1a171b" stroke-width=".25" points="40,1.343 41.652,6.429 47,6.429 42.674,9.571 44.326,14.657 40,11.515 35.674,14.657 37.326,9.571 33,6.429 38.348,6.429" />
<polygon id="Star_4" fill="#ff0" stroke="#1a171b" stroke-width=".25" points="56,1.343 57.652,6.429 63,6.429 58.674,9.571 60.326,14.657 56,11.515 51.674,14.657 53.326,9.571 49,6.429 54.348,6.429" />
<polygon id="star_5" fill="#ff0" stroke="#1a171b" stroke-width=".25" points="72,1.343 73.652,6.429 79,6.429 74.674,9.571 76.326,14.657 72,11.515 67.674,14.657 69.326,9.571 65,6.429 70.348,6.429" />
</svg>
Wenn DU es reinbekommst, sag mir bitte Bescheid.
Vielen Dank Roman:)
ohne Tinymce gings bei mir:
Hmmm wieso geht das bei dir und bei mir nicht? Wie hast Du es gemacht?
Einfach den Tiny MCE versteckt oder kann man den ganz ausschalten?
VG Roman
Wenn ich Tiny auf verstecken gehe und obigen code eingebe und speichere, bleibt das übrig:
<div>amazon-logo135px<br /> <span style="padding: .2em; position: relative; bottom: .2em; font-weight: 600; font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif';">Bewertung:</span> Euro NCAP Crashtest - 5 stars</div>
hast Du mein bla-TinyMCE Modul?
Dann sollte in der unteren Leiste ein blauer Knopf sein "TinyMCE Zeigen/verstecken"
Sonst kannst Du noch das Modul komplett deaktivieren.
TinyMCE selbst erlaubt standardmäßig keine SVGs, das wird der Grund sein, warum sie rausfliegen.
Schade, der blaue Knopf hilft nichts, man muss das Modul deaktivieren. Und wenn man es wieder aktiviert schmeißt er alles wieder raus:-(
Kann ich leider nicht ausgeschaltet lassen, wird von Redakteuren benutzt.
Muss ich wohl doch über png machen.
Dank für die Hilfe.
VG Roman