Image doesn't render properly in WYSIWYG on form error or node edit [#1313578]

When editing a node that had an image inserted with wysiwyg_fields the image does not show in the wysiwyg. If I disable the wysiwyg to see what markup is in the textarea I get the following

<wysiwyg_field class="wysiwyg_fields wysiwyg_fields-placeholder wysiwyg_fields-field_plog_images" id="wysiwyg_fields-field_plog_images-0-imagecache_formatter_Large_imagelink"> </wysiwyg_field>

If you re-enable the wysiwyg again the word "undefined" shows up where the image should be. If we disable the wysiwyg again the proper filter text is restored.

[wysiwyg_fields-field_plog_images-0-imagecache_formatter_Large_imagelink]

This is very problematic for two reasons. The first is that if a user edits a node and hits save the image is removed because the filter text is replaced by the markup in the first code block above. So in order to keep their image in the wysiwyg editor they have to edit the node, disable and re-enable the wysiwyg editor, and even then they don't see the image until the node is saved, only the word "undefined" in the editor.

The image attached shows the sequence of the issue. Any insight into this would be greatly appreciated

Comment	File	Size	Author
	wysiwyg_fields_edit_issue.png	117.84 KB	arvinsingla

Comments

Comment #1

kongoji commented 24 October 2011 at 17:12

I had the same issue, I discovered it has been partially fixed in dev version. Now disabling and re-enabling the wysiwyg editor, the image appear again, but once you save the node, the image never shows again inside wysiwyg editor.

I get this javascript error

Drupal.settings.wysiwygFields.fields[$(this).attr("wf_field")].replacements is null

wysiwyg.ckeditor.js (row 77)

Comment #2

kongoji commented 25 October 2011 at 11:09

my issue was caused by having the Better Formats module active on the wysiwyg textareas.
I fixed it in #1320820: Compatibility with Better Formats module, hoping it could be helpful to you too.