My Dev and myself are working on a WebApp, that's powered behind the wheel with the MEAN Stack (with Node.JS, same engine powering Webflow itself).
What my Dev asked me recently, is that I put myself empty
<section id="xxx"></section> where, for example, a text should be replaced by the back-end program.
<section> markup because it's very rare when front-end coders use it, and thus it's easy for him to find where he injected code with it.
For instance, let's say on Webflow, I add a
<div class="xxx">Text</div>, and I want the dev to take control of this Text.
You'd tell me "why doesn't he uses Div IDs ?", well because he told me that IDs cause alot of redundancy / issue / loopholes.
So he needs me to insert a
<section id="xxx"></section> INSIDE the
Which is not possible on Webflow.
Now the issue is, everytime I want to insert my dev's
<section> into my
<div>, I have to first remove the section (but make sure I don't cleanup this class in the Style Manager), then insert a Custom Code widget, inside what I'd write inside the
<div><section></section</div> as needed.
But in final, the code looks like crap:
<div class="w-embed xxx"><div><section>text</section></div>.
I really need to inject these markups inside Webflow, otherwise everytime I update a page, the Dev has to put them again by hand one by one.
Anyone has a better solution / has had this issue when building something more than a simple CMS (as we're building a Web App here) ?