tsbmusic
Erfahrenes Mitglied
Moin,
ich erstelle gerade einen Page Builder für Wordpress und will dafür aus einem textarea-Element mit jQuery den Wordpess Editor, den man normal mit wp_editor in PHP-Code erstellt, machen. Allerdings mit den Buttons darüber um Medien hochzuladen und zwischen Visual und HTML zu wechseln.
Hier mein Code:
ich erstelle gerade einen Page Builder für Wordpress und will dafür aus einem textarea-Element mit jQuery den Wordpess Editor, den man normal mit wp_editor in PHP-Code erstellt, machen. Allerdings mit den Buttons darüber um Medien hochzuladen und zwischen Visual und HTML zu wechseln.
Hier mein Code:
Javascript:
function init_richtext(el){
var i=1;
jQuery(el).find('textarea').each(function(e){
var id = jQuery(this).attr('id');
if (!id){
id = 'customEditor-' + i++;
jQuery(this).attr('id',id);
}
if ( typeof( tinyMCE ) == "object" && typeof( tinyMCE.execCommand ) == "function" ) {
tinyMCE.execCommand('mceAddControl', false, id);
} else {
tinyMCE.init({
skin : "wp_theme"
// other options here
});
}
});
}
$(document).on("click", ".page_builder_widget_edit", function(){
//$('<div />').appendTo("#page_builder_content").addClass("page_builder_overlay").css({'backgroundColor': 'black', 'opacity': '0.7', 'position': 'absolute', 'width': '100%', 'height': '100%', 'z-index': '99', 'top': 0, 'left': 0});
$(this).closest(".page_builder_widget").hide().toggleClass("edit-mode").fadeIn(500);
init_richtext($(this).closest('.page_builder_widget'));
return false;
})
Zuletzt bearbeitet von einem Moderator: