TinyMCE ruiniert HTML-Kode

Janl · 03. Juli 2015 13:23

Wo kann man das ändern von dem HTML von TinyMCE, auch wieder ausschalten?
Stehe gerade voll auf dem Schlauch oder bin überhitzt :-)

Das ist was ich einführe:
<li class="qlb" data-src="entp.jpg" data-sub-html="<div class='custom-html'><h4>ENTP</h4></div>" >

Das bekommt man wenn TinyMCE es ladet:
<li class="custom-html" data-src="entp.jpg" data-sub-html=""<div">
<h4>ENTP</h4>
" >

Stark was!

MfG
Jan

mike-r · 03. Juli 2015 15:07

Janl schrieb:

Das ist was ich einführe:
Hier klicken, um den Code zum Kopieren zu markieren
<li class="qlb" data-src="entp.jpg" data-sub-html="<div class='custom-html'><h4>ENTP</h4></div>" >

Ach Du grüne Neune, das hab ich ja noch nie gesehen. Kann man das nicht eleganter lösen? Finde gerade keine Spec dazu, was soll das denn machen, wenn das Tiny nicht anfassen würde?

Andynium · 03. Juli 2015 15:58

Hast du den HTML5 Modus aktiviert?

Janl · 03. Juli 2015 17:14

@Mike-r
es ist ein responsive Gallery die gut auf Telefone funktioniert und data-sub-html gibt Überschriften.
http://www.haberkorn-grosshandel.at/ind … rtenmoebel da läuft es,
es gibt da noch einiges zum nacharbeiten . . .

HTML5 modus habe ich nicht aktiviert, habe gerade Klenkes Idee mit Anpassung der Tiny-template versucht aber das funktioniert nicht.

Evt. geht es mit ein GCB wo nur HTML genutzt wird, aber es muss doch möglich sein TinyMCE zu verbieten Kode zu ändern, ich weiss das ein Parameter oder so existiert, aber wo . . .

MfG
Jan

mike-r · 03. Juli 2015 18:44

Janl schrieb:

@Mike-r
es ist ein responsive Gallery die gut auf Telefone funktioniert und data-sub-html gibt Überschriften.
http://www.haberkorn-grosshandel.at/ind … rtenmoebel da läuft es,
es gibt da noch einiges zum nacharbeiten . . .

Früher hat man das noch barrierefrei mit Alternativ-attributen (und/oder title) gelöst. Diese Entwicklung gefällt mir überhaupt nicht.

Janl · 04. Juli 2015 22:46

Auf die Suche nach einem freien Lightbox die auch auf sehr kleine Bildschirme ohne Verzerrung und mit wischen Bilder zeigen kann bin ich bei diese gelandet
http://sachinchoolur.github.io/lightGallery/
Es funktioniert recht gut.

MfG
Jan

Andynium · 04. Juli 2015 18:08

mike-r schrieb:

Finde gerade keine Spec dazu, was soll das denn machen, wenn das Tiny nicht anfassen würde?

Die Stichworte hierzu sind "cleanup", "cleanup_on_start" und "verify_html" wink .

http://www.tinymce.com/wiki.php/Configuration3x:cleanup

Deaktivieren (false), und gut ist... sollte vermutlich wie hier gezeigt

http://www.cmsmadesimple.de/forum/viewt … 285#p35285

übergeben werden können.

Janl · 04. Juli 2015 19:19

Danke Cyberman,

werde es machen wenn es ein wenig kühler ist pffffffft

MfG
Jan

Janl · 05. Juli 2015 15:12

Hallo, ich habe es versucht, mit und ohne Quotes aber wie ich es auch in "Weitere Optionen:"
eingebe, die Kode wird geändert. Auch abmelden/anmelden ändert das nicht.

schema: "html5"
cleanup: false
cleanup_on_start: false
verify_html: false

hat noch jemandem Ideeen?

MfG
Jan

Cherry · 05. Juli 2015 15:43

Zwei Ideen hätte ich:

Zum Einen könntest du die Gallery dafür verwenden ... pro Seite eine Gallery.
Macht es relativ pflegeleicht für Editoren. Die müsen dann halt nur die Bilder ins richtige Verzeichnis packen.
Das Template entsprechend einrichten tust du. Damit hat der Kunde damit nichts mehr zu tun.

Was ich selber gerne mache, wenn ich nur so wenige Bilder auf einer Seite habe und immer die gleiche Zahl an der gleichen Stelle ( so wie bei deiner Seite):

Die Bilder kommen in ein Unterverzeichnis das so heißt wie die Seite , z.B. /images/seitenbilder/Babyartikel.
Sie bekommen fortlaufende Nummern. Thumbnails werden vorher erstellt.
Dann kann man relativ einfach die Sachen im Seitentemplate einbauen. Auch hier müßte der Kunde die Bilder nur per Filemanager hochladen an die richtige Stelle.

Damit ist der Quellcode für Tiny MCE unerreichbar ... damit unkaputtbar.

Hab's jetzt nur grob skizziert, wie ich das mache. Wenn es zu unklar ist, einfach melden. Aber vielleicht reicht das ja um eine Idee zu bekommen.

Janl · 05. Juli 2015 15:53

Danke Cherry,

ich mache es ungefähr so, packe das Ganze in Global Content Blocks mit nummerierten Bilder in ein Unterverzeichnis.
Über GBC's funktioniert es, das habe ich schon getestet.

Die Wysiwyg-Editoren sind praktisch aber haben so ihre eigene Idee über "richtige" Kode.

Ob und wie es mit HTML5 funtioniert werde ich noch weiter testen denn das brauche ich auch.

MfG
Jan

Andynium · 06. Juli 2015 16:25

Hast du es schon mit einer statischen Konfigurationsdatei versucht?

Dann kannst du diese unter /tmp/tinyconfig.js bearbeiten und die oben gesposteten Einträhge hinzufügen bzw. anpassen

verify_html : false,
verify_css_classes : false,
scheme : "html5",

Forum für CMS/made simple

#1 03. Juli 2015 13:23

TinyMCE ruiniert HTML-Kode

#2 03. Juli 2015 15:07

Re: TinyMCE ruiniert HTML-Kode

#3 03. Juli 2015 15:58

Re: TinyMCE ruiniert HTML-Kode

#4 03. Juli 2015 17:14

Re: TinyMCE ruiniert HTML-Kode

#5 03. Juli 2015 18:44

Re: TinyMCE ruiniert HTML-Kode

#6 04. Juli 2015 22:46

Re: TinyMCE ruiniert HTML-Kode

#7 04. Juli 2015 18:08

Re: TinyMCE ruiniert HTML-Kode

#8 04. Juli 2015 19:19

Re: TinyMCE ruiniert HTML-Kode

#9 05. Juli 2015 15:12

Re: TinyMCE ruiniert HTML-Kode

#10 05. Juli 2015 15:43

Re: TinyMCE ruiniert HTML-Kode

#11 05. Juli 2015 15:53

Re: TinyMCE ruiniert HTML-Kode

#12 06. Juli 2015 16:25

Re: TinyMCE ruiniert HTML-Kode

Fußzeile des Forums