Rich Textarea and AJAX Loading

As far as I know, you can’t use tinymce with ajax. They can’t be initialized with ajax, only they can be initialized when the DOM is just ready.

I cant’ initialize tinymce when the ajax request is done ???

Seems like you can, the one I was talking about you can’t move through DOM once initialized. Anyway, this link will help you.

How do you initialize the TinyMCE in WPUF ?

I just call wp_editor()

If I call :

tinymce.init({
	selector: "textarea",
});

when the AJAX request is done, it works but I haven’t go the same theme as your tinyMCE… Do you know wich theme is used and what are the size generated with the wp-editor ?

Sorry, I’ve no idea.

Ok, I’ve found the right solution (I think) :

if ($('.page-template-create-post-php').length) {
	$('#createPostsMenu a').click(function(e){
		e.preventDefault();
		var href = $(this).attr('href');
		$.get(href)
			.done(function(data){
				//On ajoute les nouveaux articles
				$('#content .entry-content')
					.empty()
					.append($('#content .entry-content', data).html());
	            //init tinymce
	            tinymce.init(tinyMCEPreInit.mceInit['post_content']);
			})
			.fail(function(){
				alert('Fail');
			});
	});
}

Here is the line a call when the AJAX request is done :
tinymce.init(tinyMCEPreInit.mceInit['post_content']);

(post_content is the class of my textarea)

Thanks Tareq !

Same problem with the address field and the google map.

How do you load it ?

I load it via inline javascript.

Ok but could you tell me how exactly ? I would like to add it in my .js file when the AJAX request is succeed.

see the render-form.php for google map, you’ll see.