TinyMCE Edit-Image Manipulation

Buenos Dias!

Danke erst mal dafür, ich hab mich gestern auch schon durch die betreffenden Dateien gewühlt und wollte eigentlich eine automatische Übernahme der Breite und Höhe erreichen, habs aber bisher noch nicht hinbekommen. Ich probiers aber weiter, möglicher Weise helfen mir Deine Dateien dabei. :-)

Der Lösungsansatz gefällt mir sehr gut. Im ZIP-File fehlt aber die Datei editor_template.js . Wo kann man das herunterladen?

Das nenne ich mal einen deutlichen Schritt nach vorne. Vielen Dank dafür. Eine Frage habe ich aber dann doch noch. Ich würde gerne einigen - aber eben nicht allen - Bildern einen Rahmen verpassen. Bisher habe ich das mit dem Zusatz

style='border: 1px solid #000000; margin: 4px; padding: 4px'

erledigt, wie schaffe ich das innerhalb des WYSIWYG-Editors? Kann mir wohl einer von Euch sagen, wie ich das evtl. noch in dieses Fenster reinbekomme, so dass ich das beim Upload bei Bedarf einstellen kann?

Leider bin ich programmiertechnisch absolut nicht in der Lage, dieses Problem selbst zu lösen und daher auf Hilfe angewiesen.

Vielen Dank & Gruß
Matthias

Ich schaffe es leider nicht, das Ding richtig zu installieren. Kann mir dabei vllt jmd helfen? Danke!

Ich weiß nicht genau, welchen Ordner ich wo reinkopieren muss, um es zu installieren :(

Psycco, das hat der Kommander aber oben ganz genau gepostet:

Zitat von telekommander

Folgende Dateien sind zu ersetzen :

image.htm in [COLOR="DarkGreen"]../wp-includes/js/tinymce/themes/advanced/[/COLOR]
image.js in [COLOR="DarkGreen"]../wp-includes/js/tinymce/themes/advanced/jscripts/[/COLOR]
editor_template.js in [COLOR="DarkGreen"]../wp-includes/js/tinymce/themes/advanced/ [/COLOR]

---

Anyway, ich will nicht akzeptieren, daß ich die Bildabmessungen von Hand eintragen muß. Der Knackpunkt warum die "richtige" Breite und Höhe vom Kontext-Menü nicht übertragen werden, liegt in der Datei: wp-admin/inline-uploading.php.

Die Programmierung sieht so aus, daß egal ob Thumbnail oder Original ausgewählt wird, nur eine Variable definiert wird: $height_width und diese erhält immer die Abmessungen der Thumbnails.

Ab Zeile 238:

imga[{$ID}] = '<img id=\"image{$ID}\" src=\"$src\" alt=\"{$image['post_title']}\" $height_width />';
imgb[{$ID}] = '<img id=\"image{$ID}\" src=\"{$image['guid']}\" alt=\"{$image['post_title']}\" $height_width />';

Nun hab ich zwar schon eine neue Variable definiert ($height_width_org) und mit den richtigen Bilddaten gefüttert und dann bei imgb (dem Original) diese variable verwendet:

imga[{$ID}] = '<img id=\"image{$ID}\" src=\"$src\" alt=\"{$image['post_title']}\" $height_width />';
imgb[{$ID}] = '<img id=\"image{$ID}\" src=\"{$image['guid']}\" alt=\"{$image['post_title']}\" $height_width_org />';

das juckt WP aber nicht. Es gibt aber noch eine dritte Stelle wo die Variable verwendet wird, in Zeile 241:

$html .= "<div id='target{$ID}' class='attwrap left'>
<div id='div{$ID}' class='imagewrap' onclick=\"doPopup({$ID});\">
<img id=\"image{$ID}\" src=\"$src\" alt=\"{$image['post_title']}\" height_width />
</div>

Ändere ich dort nun $height_width in $height_width_org, haut WP immer die Originaldatei mit den richtigen Abmessungen ins Post. Also genau anders rum, für die großen Bilder klappt es, aber nun kann ich keine Thumbnails mehr posten.

Das Thema wird auf wordpress.org natürlich auch gerade diskutiert und ich habe das Gefühl, daß Matt & Co. da irgendwas nicht bedacht haben. Jedenfalls kan ndas Endziel nur sein, daß ich Thumbnail oder Original auswähle und automatisch die richtigen Daten ins Post gesetzt werden...

Jowra, es geht hier gerade darum, dass ich es allgemein nicht hinbekomme, TinyMCE zu installieren ... und da fragte ich, ob mir das jmd erklären kann!

Zitat von psycco!

Jowra, es geht hier gerade darum, dass ich es allgemein nicht hinbekomme, TinyMCE zu installieren ... und da fragte ich, ob mir das jmd erklären kann!

Du willst TinyMCE installieren? Der ist doch in WordPress schon eingebaut. :confused:

Ich hatte es so verstanden, daß Du die Änderung vom telekommander einspielen willst und dazu mußt Du nur die drei Dateien an die oben 2x genannten Adressen kopieren.

oh ja, stimmt ja :/ hatte ihn irgendwie deaktiviert ... super, danke ;)

eine frage dazu: wenn ich enter drücke, dann macht er einen größeren zeilenumbruch, als wie wenn ich shift+enter drücke. kann man letzteres als standartzeilenumbruch festlegen?

und danke für deine modifikation ;)

Ich habe mich nun wirklich nach Kräften bemüht, blicke aber einfach nicht durch. Ich würde nach wie vor gerne eine weitere Option in das PopUp einfügen. Und zwar hätte ich gerne die Möglichkeit, das Bild mit einem Rahmen zu umgeben. Dieser soll aber nicht direkt um das Bild gehen, sondern zwischen Bild und Rahmen soll ein 4px Abstand sein und der Rahmen selbst soll 1px stark sein. Wo muss ich da ansetzen? Ich würde mich sehr über eine möglichst einfache Antwort freuen.

Danke & Gruß
Mattes

Zitat von web-junkies

Wo muss ich da ansetzen?

In der style.css Deines Themes. Halte dort Ausschau nach #content o.s.ä. und platzierst Du ein:

p img {
padding: 4px;
border: 1px solid #000000;
}

Wenn Du Dein Theme nennen würdest, könnte man es noch genauer beschreiben.

Ich geh jetzt aber erst mal Cocktails mixen und trinken. Happy New Year und bis morgen oder so. :D

Zitat von jowra

Das Thema wird auf wordpress.org natürlich auch gerade diskutiert und ich habe das Gefühl, daß Matt & Co. da irgendwas nicht bedacht haben. Jedenfalls kan ndas Endziel nur sein, daß ich Thumbnail oder Original auswähle und automatisch die richtigen Daten ins Post gesetzt werden...

weiß jemand, ob es genau dafür inzwischen eine Lösung gibt?

hab die Lösung gefunden (natürlich nicht selbst ;))

http://www.northern-web-coders.de/blog/archiv/20…line-uploading/

... fast ... Nur werden mit der Veränderung werden dann keinerlei Bildmaße mit in den Quelltext übernommen. Weder die vom Vorschaubild, noch die vom Original.

Hallo

ich habe eine Lösung gefunden:
Die Modifikationen an der inline-uploading.php sind etwas komplexer, aber danach werden die Bilder (Thumbnail/Original) mit den richtigen width und height Werten in den Editor eingefügt.

Kurzzusammenfassung:
a. Das Original-Script erstellt, wie schon bemerkt, keine width/height für das Originalbild.
b. Es wird zwar im PHP-Teil ein Javascript-Schnipsel erstellt, welches für Thumbnail (imga) und Original (imgb) die richtigen Sources enthält, aber immer width/height des Thumbnails
c. Send to editor schickt nicht das vorbereitete Javscript-schnipsel zum Editor sondern eine Kopie des Bildes in der Auflistung.

Am Ende meines Artikels findet ihr eine modifizierte inline-uploading.php.
Die original inline-uploading.php unbedingt backupen, und den Inhalt mit meinem ersetzen.

upload-feature-20-hack

wurde auf wordpress.org/support schon getestet und scheint nicht nur bei mir zu funktionieren.

Georg

Hey, na das wärs ja. Teste ich später gleich mal.

Ich glaube das ist für die kommende 2.01 Version schon gefixt:
http://trac.wordpress.org/ticket/2199
bzw. der Fix:
http://trac.wordpress.org/changeset/3407
Die dort beschriebenen Änderungen funktionieren bei mir.