[GastForen Programmierung/Entwicklung PHP und MySQL Tinymce soll Richtext oder HTML bereinigen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Tinymce soll Richtext oder HTML bereinigen

Gunther103
Beiträge gesamt: 157

10. Feb 2011, 01:05
Beitrag # 1 von 10
Bewertung:
(7472 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

war schon beim tinymce- Forum und hier unterwegs und habe nach einer Lösung gesucht.
Ich will, daß Texte aus Word oder Internetseiten per copy and paste in mein Textfenster eingefügt werden. Hier sollen sie bereinigt werden, also Markup soll entfernt werden,.
Wäre schön, wenn Links bestehen bleiben. Muß aber nicht sein. Wie bringe ich tinymce dazu?
X

Tinymce soll Richtext oder HTML bereinigen

ganesh
Beiträge gesamt: 1981

10. Feb 2011, 18:01
Beitrag # 2 von 10
Beitrag ID: #464453
Bewertung:
(7450 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Der TinyMCE hat solche Buttons. Es kommt aber vermutlich auf die jeweilige CMS-Konfiguration drauf an, ob diese Funktionen zugänglich sind oder nicht.

Auf diesem Bild sieht man die Icons:

http://mods.mybb.com/...tinymce%20editor.jpg

Es sind die mit T + W drauf, unterhalb kursiv + unterstreichen Icons:
T = als Plain-Text einfügen
W = nur minimale HTML Struktur (P tags, Listen usw.) einfügen, der Microsoft Office Junk-Code bleibt so draussen.

Diese Funktion gibt's schon seit geraumer Zeit... Vielleicht upgraden oder Deinen System-Admin fragen :-)


als Antwort auf: [#464344]

Tinymce soll Richtext oder HTML bereinigen

Gunther103
Beiträge gesamt: 157

10. Feb 2011, 19:47
Beitrag # 3 von 10
Beitrag ID: #464456
Bewertung:
(7436 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
TinyMCE soll das automatisch beim Einfügen erledigen.
Meine jetzige Konfiguration sieht so aus:

[code]mode : "textareas",
theme : "advanced",
theme_advanced_buttons1 : "bold,italic,underline,separator,cleanup,link,unlink,separator,undo,help",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom"[/code]

Ich habs mit cleanup und mit verify_html versucht, hat nicht hingehauen.
In der TinyMCE Documentation hab ich auch nichts gefunden.


als Antwort auf: [#464453]

Tinymce soll Richtext oder HTML bereinigen

Gunther103
Beiträge gesamt: 157

10. Feb 2011, 21:39
Beitrag # 4 von 10
Beitrag ID: #464460
Bewertung:
(7426 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Habe inzwischen versucht, die beiden Buttons in meine Leiste einzubauen.
Ich hab also "pastetext,pasteword" in "theme_advanced_buttons1" eingefügt,
Hat sich aber nichts getan. Als ich sie in Zeile 2 eingefügt habe, hat TinyMCE gestreikt.


als Antwort auf: [#464456]

Tinymce soll Richtext oder HTML bereinigen

ganesh
Beiträge gesamt: 1981

11. Feb 2011, 08:38
Beitrag # 5 von 10
Beitrag ID: #464472
Bewertung:
(7387 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Nun ja, ein wenig mehr Infos solltest du schon liefern.

Welche Version benutzt du genau? Und v.a.: ist dein tinyMCE eine mitgelieferte Komponente eines Content Management Systems, oder baust du dein eigenes CMS?

Ich frage, weil ich selber + meine Kunden das ganze schon jahrelang gebrauchen und nie Probleme hatten. Es tönt für mich eher wie eine etwas schlampige Implementation in ein CMS als der Fehler von tinyMCE an sich. Vielleicht hast du auch deshalb im tiny-Forum keine Antworten gefunden...


als Antwort auf: [#464460]

Tinymce soll Richtext oder HTML bereinigen

Gunther103
Beiträge gesamt: 157

11. Feb 2011, 10:19
Beitrag # 6 von 10
Beitrag ID: #464478
Bewertung:
(7373 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo ganesh,

das ist mein eigenes CMS. Ich hab mir vor Kurzem die Version 3.3.9.3 runtergeladen und benutze die. Der Einbau an sich funktioniert ja sehr einfach, aber die Anpassung macht mir Probleme. So hab ich TinyMCE im Head eingebunden:
[code]
<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
theme_advanced_buttons1 : "bold,italic,underline,separator,cleanup,link,unlink,separator,undo,help",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom" });
</script>

[/code]
Dieser Code ist schon älter. Ich hab vor ein paar Jahren schon rumprobiert.
Funktionieren tut TinyMCE. Ich will den Code aber dahin erweitern, daß html-Tags oder Word-Code beim Einfügen automatisch entfernt wird.

Danke
Gunther


als Antwort auf: [#464472]

Tinymce soll Richtext oder HTML bereinigen

Gunther103
Beiträge gesamt: 157

15. Feb 2011, 01:20
Beitrag # 7 von 10
Beitrag ID: #464706
Bewertung:
(7295 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Habe jetzt nochmal das Full featured example eingebaut und einfach Knöpfe gelöscht. Die Funktionen pastetext und pasteword sind sehr gut, gehen aber nicht weit genug. Was noch raus sollte sind Divs, Spans und Textformatierungen.
Wer weiß Hilfe?
So sieht mein Codeblock nun aus:
[code]
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "save,advhr,advimage,advlink,inlinepopups,preview,media,contextmenu,paste,directionality,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,link,unlink,image,cleanup,help,code",
theme_advanced_buttons2 : "pastetext,pasteword,removeformat,nonbreaking",
theme_advanced_buttons3 : "",
theme_advanced_buttons4 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true

});
</script>

[/code]

Danke für Hilfe

Gunther


als Antwort auf: [#464478]

Tinymce soll Richtext oder HTML bereinigen

crisies
  
Beiträge gesamt: 136

18. Feb 2011, 15:51
Beitrag # 8 von 10
Beitrag ID: #465187
Bewertung:
(7207 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi Gunther,

Damit TinyMCE beim Pasten den Code automatisch aufräumt, braucht es folgendes:

1. plugins: "paste"
2. paste_strip_class_attributes : "all"
3. paste_retain_style_properties : "none"

Dadurch werden schon mal alle class und style Attribute beim Pasten aus dem Code gelöscht. Alle anderen Elemente werden über folgende Einstellung definiert:

valid_elements : ""

Je nach dem, welche Elemente Du dort erlaubst oder verbieten möchtest, müsstest Du diese Konfiguration anpassen. Also keine "Div", dann nimm aus der Standardeinstellung einfach diesen Teil raus. Dasselbe mit den "span" und Textformatierungen.

mfg
chris.w.


als Antwort auf: [#464706]

Tinymce soll Richtext oder HTML bereinigen

Gunther103
Beiträge gesamt: 157

19. Feb 2011, 23:19
Beitrag # 9 von 10
Beitrag ID: #465236
Bewertung:
(7153 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Chris,

auf so eine Antwort hab ich gewartet. Leider hab ich keine Zeit das mal auszuprobieren. Muss ich übernächste Woche ausprobieren.
Aber es klingt auf jeden Fall hervorragend!

Danke
Gunther


als Antwort auf: [#465187]

Tinymce soll Richtext oder HTML bereinigen

Gunther103
Beiträge gesamt: 157

28. Feb 2011, 18:36
Beitrag # 10 von 10
Beitrag ID: #465940
Bewertung:
(6982 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Chris,

jetzt konnte ich Deine Vorschläge ausprobieren. Und es funktioniert.
Folgende Einstellungen habe ich nun im Head-Bereich
Code
        mode : "textareas", 
theme : "advanced",
plugins : "paste,nonbreaking,xhtmlxtras",

theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,link,unlink,image,cleanup,help,code",
theme_advanced_buttons2 : "pastetext,pasteword,removeformat,nonbreaking",
theme_advanced_buttons3 : "",
theme_advanced_buttons4 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
paste_auto_cleanup_on_paste : true,
paste_strip_class_attributes : "all",
paste_retain_style_properties : "none",
invalid_elements : "div,span,font"


Vielen Dank für deine Hilfe

Gunther


als Antwort auf: [#465236]
(Dieser Beitrag wurde von Gunther103 am 28. Feb 2011, 18:37 geändert)
X