netcentric / aemmjml Goto Github PK
View Code? Open in Web Editor NEWmjml for Adobe Experience Manager
License: Apache License 2.0
mjml for Adobe Experience Manager
License: Apache License 2.0
Implement <mj-accordion>
, <mj-accordion-element>
, <mj-accordion-title>
and <mj-accordion-text>
.
Currently it's not possible to use the targeting mode in AEM. This has several reasons but the main conceptual ones are:
target
components that replaces the mjml components and is not recognised properly by the transformationAfter installing the aemmjml-all-package-0.1.0.zip
release package and adding the MJML Button component to a Site page in AEM 6.5.5 Author edit mode, the Button's text renders, but the markup in the DOM is still MJML and not HTML - even in "View as Published" mode. Is this package expected to convert MJML markup to HTML when authoring/editing page content?
If this outcome is unexpected, do you have any tips for troubleshooting why the MJML is not converted to HTML? I haven't set up the development environment for this package, but I see in the AEM Sling Bundles that the release package seems to already include the necessary NodeJS binaries, so I'm not sure what might be going wrong.
Here's an example of what I see in both Author edit mode and "View as Published" mode:
<mj-button background-color="red" border-radius="3px" padding="0px" color="#ffffff" inner-padding="5px 10px" align="center">
Hello world!
</mj-button>
I also made sure that the Core WCM components are installed:
Adobe Experience Manager Core WCM Components Core Bundle (com.adobe.cq.core.wcm.components.core) v2.13.2
EDIT: After watching Dirk's AEM Summit 2019 talk about this package, I gather that the reason it's not working for me is because I'm not using the AEMMJML Foundation package templates that provide the Page and Body components. I can see these templates in the CRX (/conf/global/settings/wcm/template-types/aemmjml-empty-page
), but I don't know how to access them. Are these templates and/or this package only intended for use in Campaign?
With mjml 4.4.1 was released 30.07.2019.
https://github.com/mjmlio/mjml/releases/tag/v4.4.1
It contains:
where especially mjmlio/mjml#1649 will be valuable to revert to the default ignoreCustomFragments
in index.js#L27
There are currently no releases available, and yet they're referenced here: https://github.com/Netcentric/aemmjml#installation
Currently the project can't be built / deployed to a running AEM instance.
Here's my settings.xml for Maven:
<?xml version="1.0" encoding="UTF-8" ?>
<settings xmlns="http://maven.apache.org/SETTINGS/1.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/SETTINGS/1.0.0 http://maven.apache.org/xsd/settings-1.0.0.xsd">
<pluginGroups></pluginGroups>
<proxies></proxies>
<servers></servers>
<mirrors></mirrors>
<profiles>
<profile>
<id>adobe-public</id>
<activation>
<activeByDefault>true</activeByDefault>
</activation>
<repositories>
<repository>
<id>adobe</id>
<name>Nexus Proxy Repository</name>
<url>http://repo.adobe.com/nexus/content/groups/public/</url>
<layout>default</layout>
</repository>
</repositories>
<pluginRepositories>
<pluginRepository>
<id>adobe</id>
<name>Nexus Proxy Repository</name>
<url>http://repo.adobe.com/nexus/content/groups/public/</url>
<layout>default</layout>
</pluginRepository>
</pluginRepositories>
</profile>
</profiles>
</settings>
It fails with the following error:
[ERROR] Failed to execute goal on project aemmjml-foundation-win64-fragment: Could not resolve dependencies for project biz.netcentric.cq.tools.aemmjml:aemmjml-foundation-win64-fragment:bundle:1.0.0-SNAPSHOT: Failure to find org.nodejs.dist:nodejs-binaries:zip:win-x64:12.5.0 in http://repo.adobe.com/nexus/content/groups/public/
was cached in the local repository, resolution will not be reattempted until the update interval of adobe has elapsed or updates are forced
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.