Reply To: Frontend WYSIWYG Problems

• tatemz

• July 13, 2013 at 11:15 pm

Thank you, Elliot for your previous help. I have come up with some more information. I understand that I am using some third party code, however I have tested this functionality with basic jQuery .post() methods. Each variant has the same result.

Here is the status of the situation:

• acf_form_head() is at the top of my file.
• WordPress ajaxurl has been defined.
• WordPress AJAX callback hooks are defined and working.
• A button triggers the AJAX callback and appends the result to a DOM element.
• On a successful WP nonce verification and AJAX callback, the HTML for an acf_form() is populated but the ACF WYSIWYGs are not correctly initialized.
• It seems that the acf/setup_fields trigger performs successfully as the media uploaders and location fields initialize their scripts successfully.

I edited your wysiwyg.js file to deliver some debugging information:

// validate tinymce
if( ! _wysiwyg.has_tinymce() )
{
	console.log( "FAILED TO VALIDATE TINYMCE" );
	return;
}

This indeed returns a failure on the initial page load (as there are no ACF forms or WYSIWYGs). However, even after the AJAX callback has successfully completed, a failure is returned for the number of WYSIWYGs in the form. I am dumb when it comes to anything about tinyMCE. I tried an attempt to solve this within the AJAX success callback (before the `acf/setup_fields’ trigger):

$('.acf_wysiwyg textarea').each(function() {
    tinymce.execCommand('mceAddControl', false, $(this).attr('id'));
});

Suggestions or thoughts? I absolutely love ACF and use it for many of my client’s projects (love the repeater fields). I would love to help you solve this issue for future users, so in the meantime, I will be diving into your source and seeing if I can come up with a solution. Feel free to offer your suggestions and move on. I will simply keep posting my findings here for other users (and hopefully we can get some community support on this issue).