March 9, 2015 at 2:48 pm
All the ASE components just show up as “WcMgcq” on my post page.March 9, 2015 at 3:15 pm
Just to recap our emails, you said:
“It was working last week on Thursday, but I’ve been trying to update the site with some requested style changes. I’ve added custom CSS styling for the site to the main “style.css” stylesheet. I also added in a new plugin called “TinyMCE Advanced” in order to have a custom dropdown menu. I’m not sure what else has changed.
I added in a new “editor-style.css” file to the theme root, but it’s only got 2 lines. Would that mess up anything Aesop?”
Can you restore an older working revision of the post? You may have encountered this edge case where the shortcodes overlap. We had this issue a long time ago, but it was fixed. If a user then saves when they are corrupted. Make sure there’s a space between each component is a good start.
Also, did you create a child theme? You will lose all changes made to the theme the next time we release an update. We also highly recommend using the plugin Simple Custom CSS for adding CSS snippets.March 9, 2015 at 4:31 pm
I tried an older revision of the post with no luck. I even created a brand new post. Still no good.
I uninstalled and reinstalled the ASE plugin. Nada.
It’s not the style.css file. I already reset that and that didn’t fix the glitch either.March 9, 2015 at 4:32 pm
Any way I could back up to the last version of Aesop plugin? Perhaps the update killed the functionality.March 9, 2015 at 5:21 pm
You should be able to download any older version here: https://wordpress.org/plugins/aesop-story-engine/developers/
You have backups of your post that you can rollback to. There are post revisions in your post editor.March 9, 2015 at 5:22 pmKeymaster
You should have post revisions being stored by WordPress. Just go back to the version before that was corrupted. It happened on save so there’s definitely a version before it. The revisions are under your post in WordPress admin.March 12, 2015 at 11:32 am
It looks like the culprit was indeed that plugin TinyMCE Advanced. It is not compatible with Aesop Story Engine.
My Aesop component code was swapped from:
<div class=”mceItem aesop-component-short aesop-component” data-mce-placeholder=”1″ data-aesop-sc=”%5Baesop_gallery%20id%3D%22402%22%5D”>
<div class=”aesop-component-mask mceNonEditable unselectable”> </div>
<div class=”aesop-button aesop-button-delete” title=”Delete Component”> </div>
<div class=”aesop-button aesop-button-clone” title=”Clone Component”> </div>
<div class=”aesop-button aesop-button-edit aesop-scope-gallery” title=”Edit Component”> </div>
<div class=”aesop-button aesop-button-clipboard” title=”Cut Component / CTRL + ALT + ENTER to Paste”> </div>
<span class=”mceNonEditable aesop-component-title unselectable aesop-gallery-title”>gallery</span>
I removed the plugin and the problem is now resolved.March 12, 2015 at 12:15 pm
Great to hear!
TinyMCE Advanced seems to cause some issues with other plugins that make use of TinyMCE.