PageBuilder ? ich weiß nicht was du damit meinst.
ich hab den normalen editor der mit WordPress mit kommt.
ich schreibe meist Artikel mit 5 Bilder und 5 Heading. nun such ich eine Möglichkeit die Bilder die ich in den Artikel eingefügt habe automatisch unter den Heading zu verteilen mit Aligen left. Dass würde mir sehr viel manuelle klick Arbeit Ersparen.
ich wollte dem editor einen knopf der ein java ausführt machen aber das habe ich nicht hinbekommen. der standart editor scheint dass nicht zu können habe dann den Advanced Editor Tools (previously TinyMCE Advanced) aber bei dem habe ich es auch nicht hinbekommen...
kann doch nicht so schwer sein ?
Code
jQuery(document).ready(function($){
$('#my-custom-button').click(function(){
// hole alle Bilder im Artikel
var images = $('.entry-content img');
// hole alle Überschriften im Artikel
var headings = $('.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6');
// iteriere über die Bilder und füge sie unter jeder Überschrift ein
images.each(function(index){
// hole den Pfad des aktuellen Bildes
var imgSrc = $(this).attr('src');
// hole die ID des aktuellen Bildes
var imgId = $(this).attr('id');
// hole die aktuelle Überschrift
var heading = $(headings[index]);
// füge das Bild unter der Überschrift ein
heading.after('<img src="' + imgSrc + '" id="' + imgId + '" class="alignleft" />');
});
});
});
