Editable Content Snippet with HTML Attributes

(0) Share

Report

Posted on by Squire4Hire

125

Is it not possible to have an editable Content Snippet if it's wrapped with an HTML tag that has an attribute?

<h1 data-attribute="my-attribute">{% editable snippets 'MySnippet' type: 'html' %}</h1>

As far as I can tell, whether I include the h1 tag inside the snippet or outside the snippet, the Power Pages UI will not allow this snippet to be edited because of the data-attribute assigned to it. Is there any way around this to allow users to be able to modify the content without disrupting the HTML structure?

Categories:

General

Tips & Tricks

All responses (1)

Answers (0)

Squire4Hire 125 on at

Like (0)

Report

Re: Editable Content Snippet with HTML Attributes

I've determined this is more a problem with Power Pages rendering CSS in the Design Studio, but not executing JavaScript methods in the same manner.

I'm attempting to implement aos.js - a library (animate on scroll) that fades/slides entities as the page is viewed. This appears to be getting in the way of the Design Studio elements as their visibility is hidden via the aos CSS on load but can't be exposed on scroll as the JS doesn't function in Design Studio as it should on the live site.

Functionally, this works as expected when the site is previewed, but this makes it impossible for any user to be able to make changes to the content blocks in the design studio.... Problematic.