NGG Insert Gallery Still Broken

  • Resolved gamerwithadegree

    (@gamerwithadegree)


    4 years ago

    Hi,

    I previously created this thread https://wordpress.org/support/topic/ngg-insert-galery-broken-only-showing-edit-delete-on-page/ and updated it today that the issue with galleries not displaying images is still present.

    I am creating this new thread for better visibility.

    When adding a gallery into a WYSIWIG editor, the shortcode becomes broken and HTML is displayed like this:

     

    <div class="mceItem mceNonEditable nggPlaceholder"
         id="1645785656930"
         data-shortcode="ngg src=&quot;galleries&quot; ids=&quot;411&quot; display=&quot;basic_thumbnail&quot; images_per_page=&quot;16&quot;"
         data-mce-resize="false"
         data-mce-placeholder="1"
         contenteditable="false">
        <h3>NextGEN Gallery</h3>
        <div class="nggPlaceholderButton nggIgwEdit">
        	Edit	
        </div>
        <div class="nggPlaceholderButton nggIgwRemove">
        	Delete
        </div>
    </div>

    This causes the following to be displayed on the user side:

    Next Gen Gallery
    Edit
    Delete

    I can insert a gallery into the block (Gutenberg) editor without issue and the shortcode does not change. I have attempted to copy the short code from the block editor (regular post) and paste into the WYSIWIG editor. Upon save/update of the page, the code automatically changes to the HTML shown above.

    The WYSIWIG editor is inserted as part of an ACF field group and siplays on a custom post type. I display the Wysiwyg editor using ACF code on a custom endpoint template.

    I do not think any other plugin or theme is causing the issue. I have disabled all plugins (including Yoast which has previously caused a similar issue) but to no avail.#

    My theme is custom made so I am unable to test with a standard WP theme, but I do not think my theme is the issue anyway as there is no code in it which would cause this issue.

    This same issue appears to be a recurring one with NGG. A Google search can reveal numerous posts on wp.org and elsewhere all complaining about the same problem. Several posts seem to point to the actual TinyMCE editor as being the problem. But it seems to get fixed in one update then occurs again with another update.

    In my previous topic on this issue Plugin support said that they could recreate it and would fix it in a future update but this has failed to happen. Please advise on when this issue will be fixed, preferable sooner rather than later.

    I have used NGG for many years and I like the features that the FREE version has, it is all I need. But I would gladly pay for the Pro version if you will guarantee this issue is fixed speedily. And guarantee that it does not occur again.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Imagely

    (@imagely)

    4 years ago

    Hi @gamerwithadegree,

    Could you please try adding the constant from below to your site’s wp-config.php file to see if that’ll change anything:

    define("NGG_DISABLE_SHORTCODE_MANAGER", TRUE);

    Thread Starter gamerwithadegree

    (@gamerwithadegree)

    4 years ago

    Hi, Unfortunately, the constant did seem to fix the issue. This is a short screen recording of the problem, might give you a better idea of what’s happening.

    Any assistance you can give to resolve this issue would be greatly appreciated.

    Thread Starter gamerwithadegree

    (@gamerwithadegree)

    4 years ago

    Sorry, in my last reply I mean the constant DID NOT seem to fix the issue.

    Thread Starter gamerwithadegree

    (@gamerwithadegree)

    4 years ago

    Hi Imagely,

    This issue still needs to be resolved but I may have found a partial solution/workaround. And I am hoping this information will help you find a proper fix for you to update ASAP.

    I had to edit one of my game pages with a new cover image and release date. When I scrolled down to where the WYSIWIG editor is that I use to insert the gallery, the editor was on the text tab. When I set up the WYSIWIG custom field, I had it set to visual and text in the ACF field group.

    The proper shortcode [ngg src=”galleries” ids=”202″ display=”basic_thumbnail” images_per_page=”10″] was displayed in the text tab as you would expect. I was expecting the shortcode to change to the HTML which breaks the displaying of images. However, on updating it did not change. It remained as the proper shortcode and the images displayed fine.

    I went back into the game edit on the admin side and changed the editor tab back to visual then to text again. The shortcode changed to HTML which breaks the image display.

    I then though I would try changing the WYSIWIG custom field to text only and then paste in the shortcode and just amend the gallery ID. I tried this with a new game I had added and it worked. The shortcode remained as it should be and the gallery displays properly on the front end.

    So there must be something to do with the TinyMCE editor that is causing the issue. Earlier today I even tried rolling back to the previous versions of NGG but nothing worked.

    It seems I have found a workaround for now, although it is not ideal as it means I have to search for the gallery to get the ID. In a future update, if you could add the agllery ID in the drop down list it would make it much easier.

    This issue still needs to be looked at by your developers and I hope this information will help you get a proper fix very, very soon.

    Thread Starter gamerwithadegree

    (@gamerwithadegree)

    4 years ago

    Hi Imagely,

    Just another problem if you could take a look at. Related to the above issue.

    I attempted to insert a gallery into the text editor part of the TinyMCE editor and it does not work. I clicked the ‘Add Gallery’ button to bring up the pop up to select a gallery but when I click the back ‘insert gallery’ button nothing happens.

    Here is the error message from the console

    `Uncaught TypeError: can’t access property “selectionStart”, myField is null
    NextJS 2
    insert_into_editor
    clicked
    jQuery 9
    dispatch
    handle
    add
    add
    Ee
    each
    each
    Ee
    on
    Backbone 6
    delegate
    delegateEvents
    setElement
    _ensureElement
    View
    n
    NextJS 2
    render
    <anonymous>
    jQuery 13
    e
    t
    setTimeout handler*l/<
    c
    fireWith
    fire
    c
    fireWith
    ready
    B
    EventListener.handleEvent*
    <anonymous>
    <anonymous>
    2 attach_to_post.js:96:14
    NextJS 2
    insert_into_editor
    clicked
    clicked self-hosted:1121
    jQuery 9
    dispatch
    handle
    (Async: EventListener.handleEvent)
    add
    add
    Ee
    each
    each
    Ee
    on
    Backbone 6
    NextJS 2
    jQuery 13`

    If you could at least fix this it would allow me to insert galleries instead of having to search for the gallery ID and paste in the shortcode.

    Thanks

    Plugin Contributor Imagely

    (@imagely)

    4 years ago

    Hi @gamerwithadegree,

    Thanks for your follow-up. Just a heads-up that we have already reported this one to the dev team and we look forward to see it fixed in one of the upcoming NGG updates.

    Plugin Contributor Imagely

    (@imagely)

    3 years, 11 months ago

    Hi @gamerwithadegree,

    Just a heads-up that yesterday, we’ve released NGG 3.26 that should fix the issue.

    Could you please verify if that works?

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

The topic ‘NGG Insert Gallery Still Broken’ is closed to new replies.