Hello @Everyone,
This is a technical question, for people who know Javascript, especially Node.js.
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.
He uses <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 <div class="xxx"></div>
.
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) ?