Title: Editor crashed &#8211; can&#8217;t edit form
Last modified: October 29, 2020

---

# Editor crashed – can’t edit form

 *  Resolved [akawan](https://wordpress.org/support/users/akawan/)
 * (@akawan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/)
 * Hello,
 * after having incorrectly closed a GROUP tag and updated, the editor no longer
   initializes.
 * How to fix the problem?
 * JS error :
 * >  Il y a uneerreur Javascript sur la page, probablement due a un conflit qui
   > empêche l’initialisation de l’éditeur.
   >  Error: Syntax error, unrecognized expression:
   > li.cf7sg-tag-all,li.cf7sg-tag-radioli.cf7sg-tag-all,li.cf7sg-tag-/group][group(
   > file: [https://www.srfb.be/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp](https://www.srfb.be/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp),
   > line: 2)
    -  This topic was modified 5 years, 6 months ago by [akawan](https://wordpress.org/support/users/akawan/).

Viewing 14 replies - 1 through 14 (of 14 total)

 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13609107)
 * good question. That’s a bug. I will get you a fix before the end of this day!
 *  Thread Starter [akawan](https://wordpress.org/support/users/akawan/)
 * (@akawan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13609229)
 * Thanks a lot !
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13610170)
 * Here is a fix available as[ 4.4.3 beta on the GitHub repo](https://github.com/aurovrata/cf7-grid-layout/archive/v4.4.3beta.zip).
   Can you update your server manually and let me know if it fixes the issue.
 *  Thread Starter [akawan](https://wordpress.org/support/users/akawan/)
 * (@akawan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13610576)
 * Yes It works 🙂 Thanks
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13610997)
 * great, will release it in teh official repo.
 *  Thread Starter [akawan](https://wordpress.org/support/users/akawan/)
 * (@akawan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13626421)
 * Hello,
 * same problem again :'( I wanted to make a complex html structure in a group….
 * > Il y a uneerreur Javascript sur la page, probablement due a un conflit qui 
   > empêche l’initialisation de l’éditeur.
   >  Error: Syntax error, unrecognized expression:
   > li.cf7sg-tag-all,li.cf7sg-tag-radioli.cf7sg-tag-all,li.cf7sg-tag-/group] (file:
   > [https://www.srfb.be/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp](https://www.srfb.be/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp),
   > line: 2)
 * And in navigator :
 * > Uncaught Error: Syntax error, unrecognized expression: li.cf7sg-tag-all,li.
   > cf7sg-tag-radioli.cf7sg-tag-all,li.cf7sg-tag-/group]
   >  jQuery 9 scanCF7Tag [https://www.srfb.be/wp-content/plugins/cf7-grid-layout/admin/js/cf7-grid-layout-admin.js?ver=4.4.3:1063](https://www.srfb.be/wp-content/plugins/cf7-grid-layout/admin/js/cf7-grid-layout-admin.js?ver=4.4.3:1063)
   > html2gui [https://www.srfb.be/wp-content/plugins/cf7-grid-layout/admin/js/cf7-grid-layout-admin.js?ver=4.4.3:886](https://www.srfb.be/wp-content/plugins/cf7-grid-layout/admin/js/cf7-grid-layout-admin.js?ver=4.4.3:886)
   > buildGridForm [https://www.srfb.be/wp-content/plugins/cf7-grid-layout/admin/js/cf7-grid-layout-admin.js?ver=4.4.3:209](https://www.srfb.be/wp-content/plugins/cf7-grid-layout/admin/js/cf7-grid-layout-admin.js?ver=4.4.3:209)
   > jQuery 2 buildGridForm [https://www.srfb.be/wp-content/plugins/cf7-grid-layout/admin/js/cf7-grid-layout-admin.js?ver=4.4.3:206](https://www.srfb.be/wp-content/plugins/cf7-grid-layout/admin/js/cf7-grid-layout-admin.js?ver=4.4.3:206)
   > <anonymous> [https://www.srfb.be/wp-content/plugins/cf7-grid-layout/admin/js/cf7-grid-layout-admin.js?ver=4.4.3:721](https://www.srfb.be/wp-content/plugins/cf7-grid-layout/admin/js/cf7-grid-layout-admin.js?ver=4.4.3:721)
   > jQuery 4
    -  This reply was modified 5 years, 6 months ago by [akawan](https://wordpress.org/support/users/akawan/).
    -  This reply was modified 5 years, 6 months ago by [akawan](https://wordpress.org/support/users/akawan/).
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13634873)
 * > complex html structure in a group
 * can you please paste the structure you are trying to create
 *  Thread Starter [akawan](https://wordpress.org/support/users/akawan/)
 * (@akawan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13637715)
 * >  [group PROPRIO clear_on_hide]
   >  <div class=”columns one-half”> <div class=”
   > container”> <div class=”row”> <div class=”columns one-half”> <div class=”field”
   > ><label>Prénom_*_</label>[text* proprio-firstname] <p class=”info-tip”> </p
   > > </div> </div> <div class=”columns one-half”> <div class=”field”><label>Nom_*_
   > </label>[text* proprio-lastname] <p class=”info-tip”> </p> </div> </div> </
   > div> </div> <div class=”container”> <div class=”row”> <div class=”columns full”
   > > <div class=”field”><label>Adresse_*_</label>[text* proprio-address] <p class
   > =”info-tip”>Rue et numéro</p> </div> </div> </div> </div> <div class=”container”
   > > <div class=”row”> <div class=”columns one-half”> <div class=”field”><label
   > >Code postal_*_</label>[text* proprio-cp] <p class=”info-tip”> </p> </div> 
   > </div> <div class=”columns one-half”> <div class=”field”><label>Ville_*_</label
   > >[text* proprio-city] <p class=”info-tip”> </p> </div> </div> </div> </div>
   > </div> <div class=”columns one-half”> <div class=”container”> <div class=”row”
   > > <div class=”columns one-half”> <div class=”field”><label>Téléphone_*_</label
   > >[tel* proprio-tel] <p class=”info-tip”>Fixe ou GSM</p> </div> </div> <div 
   > class=”columns one-half”> <div class=”field”><label>Fax</label>[tel proprio-
   > fax] <p class=”info-tip”> </p> </div> </div> </div> </div> <div class=”container”
   > > <div class=”row”> <div class=”columns full”> <div class=”field”><label>Email_*_
   > </label>[email* proprio-email] <p class=”info-tip”>   </p> </div> </div> </
   > div> </div>
   >  </div>
   >  [/group]
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13643982)
 * the format of your HTML seems to be wrong, try this
 *     ```
       [group PROPRIO clear_on_hide]
             <div class="columns one-half">
             <div class="container">
             <div class="row">
             <div class="columns one-half">
             <div class="field"><label>Prénom*</label>[text* proprio-firstname]
             <p class="info-tip"> </p>
             </div>
             </div>
             <div class="columns one-half">
             <div class="field"><label>Nom*</label>[text* proprio-lastname]
             <p class="info-tip"> </p>
             </div>
             </div>
             </div>
             </div>
             <div class="container">
             <div class="row">
             <div class="columns full">
             <div class="field"><label>Adresse*</label>[text* proprio-address]
             <p class="info-tip">Rue et numéro</p>
             </div>
             </div>
             </div>
             </div>
             <div class="container">
             <div class="row">
             <div class="columns one-half">
             <div class="field"><label>Code postal*</label>[text* proprio-cp]
             <p class="info-tip"> </p>
             </div>
             </div>
             <div class="columns one-half">
             <div class="field"><label>Ville*</label>[text* proprio-city]
             <p class="info-tip"> </p>
             </div>
             </div>
             </div>
             </div>
             </div>
             <div class="columns one-half">
             <div class="container">
             <div class="row">
             <div class="columns one-half">
             <div class="field"><label>Téléphone*</label>[tel* proprio-tel]
             <p class="info-tip">Fixe ou GSM</p>
             </div>
             </div>
             <div class="columns one-half">
             <div class="field"><label>Fax</label>[tel proprio-fax]
             <p class="info-tip"> </p>
             </div>
             </div>
             </div>
             </div>
             <div class="container">
             <div class="row">
             <div class="columns full">
             <div class="field"><label>Email*</label>[email* proprio-email]
             <p class="info-tip">   </p>
             </div>
             </div>
             </div>
             </div>
   
             </div>
             [/group]
       ```
   
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13643999)
 * it works for me. however the double quotes in your HTML markup used for containing
   class attributes are wrong and causing a formatting issue in the editor.
 * Did you create this HTML code using the editor or did you cut and paste from 
   another text editor?
 *  Thread Starter [akawan](https://wordpress.org/support/users/akawan/)
 * (@akawan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13644110)
 * I no longer have access to my form editor so I cannot test. If I create a new
   form and copy the code it doesn’t crash but I only see the html part of the editor.
   Too bad we can’t post pictures here …
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13648952)
 * > I no longer have access to my form editor so I cannot test.
 * yes, that’s a bit of a bummer, and I realise I need to improve this part of the
   editor. I will work on a fix, sorry about that!
 * > If I create a new form and copy the code it doesn’t crash but I only see the
   > html part of the editor.
 * The UI editor works by recognising the HTML structure that it creates. If you
   change that structure it tries to rebuild the UI and place your custom code in
   a text editor instead of a column cell…however, if you change the outer structure(
   the div.container) then it assumes the entire form is no longer using the UI 
   markup and therefore disable the UI editor altogether.
 * >  Too bad we can’t post pictures here …
 * you can upload a screenshot on a file sharing platform such as [Snipboard.io](https://snipboard.io/)
   and provide the link here.
 *  Thread Starter [akawan](https://wordpress.org/support/users/akawan/)
 * (@akawan)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13649575)
 * > yes, that’s a bit of a bummer, and I realise I need to improve this part of
   > the editor. I will work on a fix, sorry about that!
 * do you have any idea when the fix will be available? In the meantime, where is
   my form? Which file should I see in the backend to retrieve the code? It’s a 
   pro form, I have already exceeded my deadline of one week …
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13649783)
 * try the following:
 * open the file:
 * `wp-content/plugins/cf7-grid-layout/admin/js/cf7-grid-codemirror.js`
 * and on line 15 (which should be blank), paste the following lines of code
 *     ```
       $('.loading-screen',$formEditor).hide();
       $('#publish').prop('disabled', false);
       $('#wpcf7-form-hidden').show();
       ```
   
 * save and refresh your page and browser cache. If there are js errors on your 
   page then the editor will fail to initialise properly, but you should see a textarea(
   id=wpcf7-form-hidden) on your page which contains the HTML form as it was last
   saved.
 * Copy the content of the textarea, create a new form, switch to the HTML editor,
   paste the copied content and edit/fix your HTML code before saving it again.
 * Remove the above 3lines of code you pasted in the js file, reload the form and
   you should be good to go.

Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘Editor crashed – can’t edit form’ is closed to new replies.

 * ![](https://ps.w.org/cf7-grid-layout/assets/icon-256x256.png?rev=1834229)
 * [Smart Grid-Layout Design for Contact Form 7](https://wordpress.org/plugins/cf7-grid-layout/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cf7-grid-layout/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cf7-grid-layout/)
 * [Active Topics](https://wordpress.org/support/plugin/cf7-grid-layout/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cf7-grid-layout/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cf7-grid-layout/reviews/)

 * 14 replies
 * 2 participants
 * Last reply from: [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/editor-crashed-cant-edit-form/#post-13649783)
 * Status: resolved