[Resolved] Bug between Toolset Views and Elementor

[Author]

Posts

[kristofG]

When I try to edit a Page with Elementor, I get a blank page with JS error in /wp-includes/js/dist/vendor/react-dom.min.js?ver=16.8.4 and in /wp-includes/js/dist/data.min.js?ver=4.4.0
When I deactivate Toolset Views, the Elementor Builder loads fine. If i then activate Toolset Views, I can continue editing the page, but when I close Elementor and go back to /wp-admin/post.php?post=10&action=edit, I get the blank page again. When I deactivate Toolset Views again and refresh, I see the WP editor.

[Christian Cox]

Hi, I'm not able to replicate this on my local environment. Can you tell me:
- Is the block editor, the classic editor, or "per post" editor selected for the Pages post type? You can find out by going to Toolset > Post Types > Pages.
- Is a Content Template assigned to this Page?
- Do you get this error on all Pages, or just one specific Page?
- Does the error occur when you create a new Page, or only on an existing page?
- If you activate a default theme like Twenty Nineteen and deactivate all plugins except Elementor, Types and Views, is the problem resolved?

[kristofG]

- Block
- No
- Only homepage
- Existing page
- No

PS: Edit with Elementor works as that skips the default block editor.

[Christian Cox]

May I log in to your wp-admin area to see the issue? I'm confused because first you said editing with Elementor caused an error, then you said Edit with Elementor works. If necessary, can I create a clone of the site using the Duplicator Pro plugin?

[Christian Cox]

If I switch to the classic editor and inspect the page contents, I can see that some quotation marks have been converted to unicode characters:

<!-- wp:toolset/view {"view":"{u0022IDu0022:u00228u0022,u0022post_titleu0022:u0022Menu - Aperitiefu0022,u0022post_nameu0022:u0022menu-aperitiefu0022}"} -->

This seems to be the main problem, but I'm not sure how it could have happened. u+0022 is a unicode double quote mark. Was the content for this development site transferred from another site or created here? Was there a copy + paste process, or a script process or a third-party tool?

If I convert all those unicode double quotes to actual double quotes, then use the Classic Editor, I can replace the contents of this page and use the Block Editor again:

<h2>lunch</h2>
<h3>Aperitiefsuggestie</h3>
<!-- wp:toolset/view {"view":"{"ID":"8","post_title":"Menu - Aperitief","post_name":"menu-aperitief"}"} -->
<p>[wpv-view name="menu-aperitief"]</p>
<!-- /wp:toolset/view -->

<!-- wp:toolset/view {"view":"{"ID":"19","post_title":"Menu - Voorgerechten","post_name":"menu-voorgerechten"}"} --><!-- /wp:toolset/view -->
<h2>lunchmenu27</h2>
<p>Huisgemarineerde olijven & geroosterde notenmengeling</p>
<h3>Voorgerecht</h3>
<p>Hollandse grijze garnalen | lycopeentomaat | basilicum | sucrine</p>
<h3>Hoofdgerecht</h3>
<p>Chili con carne | suikermaïs | bio-nacho's | guacamole | Griekse yoghurt</p>
<p>This is the preview of the "Lunchmenu" View.</p>
<h2>Menukaart / A LA CARTE</h2>
<h3>Aperitief Maison</h3>
<!-- wp:toolset/view {"view":"{"ID":"8","post_title":"Menu - Aperitief","post_name":"menu-aperitief"}"} -->
<p>[wpv-view name="menu-aperitief"]</p>
<!-- /wp:toolset/view -->

<!-- wp:toolset/view {"view":"{"ID":"19","post_title":"Menu - Voorgerechten","post_name":"menu-voorgerechten"}"} --><!-- /wp:toolset/view -->
<h3>voorgerecht | hoofdgerecht</h3>
<!-- wp:toolset/view {"view":"{"ID":"8","post_title":"Menu - Aperitief","post_name":"menu-aperitief"}"} --><!-- /wp:toolset/view -->

<!-- wp:toolset/view {"view":"{"ID":"19","post_title":"Menu - Voorgerechten","post_name":"menu-voorgerechten"}"} -->
<p>[wpv-view name="menu-voorgerechten"]</p>
<!-- /wp:toolset/view -->
<h3>hoofdgerechten</h3>
<p>Alle voorgerechten kunnen als hoofdgerecht (zie hierboven, prijs in de 2de kolom)<br />Hoofdgerecht van de lunch (zie pag 1 - enkel tijdens de lunch)19</p>
<h3>hoofdgerechten 'Mix & match'</h3>
<p>Kies je hoofdingrediënt vlees/vis/veggie en stel zelf je ultieme gerecht samen volgens jouw voorkeuren.<br /><b>De prijs van het hoofdgerecht is inclusief 2 bijgerechten naar keuze.</b><br />Alle bijgerechten matchen met het hoofdingrediënt, de 2 cijfers geven ons smaakadvies weer.<br />Je kan de smaakvolle bijgerechten ook als extra (sharing)gerecht bestellen.</p>
<h3>Hoofdingrediënt</h3>
<p>Zeebaarsfilet 3 – 4 23 Gegrilde vegetarische worstjes <img style="display: inline-block;" src="<em><u>hidden link</u></em>" width="25" height="25" /> 2 – 4 20 Gegrilde Diamanthaas 1 – 2 23 Gegrilde Entrecote Havian (Berlare) - 3 weken gerijpt - 300 gram - Romescosaus +2,5 1 – 5 36 Gegrilde Entrecote Havian (Berlare) - 3 weken gerijpt - 600 gram (2p) - Romescosaus +2,5 1 – 5 69</p>
<p>This is the preview of the "Menu - Hoofdgerechten - Hoofdingrediënt" View.</p>
<h3>Bijgerechten</h3>
<ol>
<li>Aardappelsalade | groene kruiden | zure room 4</li>
<li>Gegrilde groene asperges | sesam | chili | koriander 5</li>
<li>Salade van geroosterde aubergine | venkelzaad | curry | peterselie 6</li>
<li>Pilafrijst | groene boontjes | tomaat | geroosterde paprika 5</li>
<li>Frisse groene salade van de chef | volgens marktaanbod | seizoensgebonden 5</li>
<li>Bio-brood 'Pain Pure' artisanaal brood uit Lokeren, geserveerd met boter 3</li>
</ol>
<p>This is the preview of the "Menu - Hoofdgerechten - Bijgerechten" View.</p>
<p>Omdat we ook door het vermijden van broodverspilling duurzaamheid hoog in het vaandel willen houden, vragen wij jouw begrip voor de kleine bijdrage die we hiervoor vragen. Alvast bedankt!</p>
<h3>DESSERT</h3>
<p>Café Glacée | mokka | Amaretto 11 'Exotic Freshness' | kiwi | ijs van witte chocolade | ananas 9 Donkere chocolademousse | frambozen | havermoutcrumble 9 Kaasbord 4 kazen | kletzenbrood | olijvenjam 12</p>
<p>This is the preview of the "Menu - Desserten" View.</p>

However, it doesn't seem to work really well in the block editor. The View shortcodes are wrapped in paragraphs, and none of the correct Views are selected in the Block editor.

[kristofG]

I think this issue was created because some Toolst Views that were inserted as Elementor Widget got converted to Text Editor. In the Visual Editor the displayed shortcode was ok, but in the Text Editor all those extra unicode characters were added.

I have removed all Text Editor widgets and inserted the Toolset View widgets again. I hope they never again get replaced with Text Editor. The normal Block Editor now loads again.