Comments (6)
Hey @willianjusten!
We don't have the class names documented. You can do it the way you are doing, by inspecting the elements and writing selectors. Just make sure to not rely too much on specific tree structures (> div > div > p), use mainly the friendly class names.
In the future we plan to accept a theme object as an option, but for now customCSS is the way to go.
from react-email-editor.
@willianjusten oh nice that we are mutual customers! 💪
Sure, please pass this to your initialization options:
unlayer.init({
version: 'latest', // default: 'stable'
appearance: {
theme: 'modern_light' // default: 'classic_light'
},
});
We've just created this small article about it: https://docs.unlayer.com/page/introducing-new-unlayer-editor
Let me know your thoughts once trying it! Thanks.
from react-email-editor.
Awesome, we'll add a story next iteration to update and I'll let you know if there's anything =)
from react-email-editor.
Great thanks! One thing that I saw from Beefree and would be really good to have, it's a Gist with those classes you already have for example, like this: https://gist.github.com/BeefreeSDK/44daee53546a9f48ecad7f52784efa55
But I can inspect and work out, that's fine, thanks! =)
from react-email-editor.
Hi @willianjusten how's it going? Are you actively using the editor and custom css? We have a re-design coming up and some css selectors may change, let me know if you want early access! Thanks.
from react-email-editor.
Oh hi @brunolemos ! Sorry, I just saw this message now!
The customization went well so far, we're working with other backend/services, but now I'm a bit worried about those changes you're saying =o
Can you give me this early access so I can check what's going to break? Unlayer will be a critical point in our new product, so I really need to have everything working well!
Btw, you're one of our customers (Appcues) xD
from react-email-editor.
Related Issues (20)
- Hide Drag and Drop
- Rich Text Editor doesn't work properly in custom tool.
- Adding custom loading spinner component HOT 2
- Usage and Save Post API request fails with 502 Request Code Bad Gateway HOT 4
- Running unlayer.init in React HOT 3
- Query regarding the APIs Auth Session triggered
- AccessDeniedAccess error HOT 10
- date field in form (Unlayer)
- image export failing
- List overflow causes vertical spacing between blocks
- Box on left and right side
- loading template in react-email-editor HOT 6
- How to add API-KEY in react-email-editor HOT 1
- how can disable a card like "HTML" and "menu" if we don't need it. IS there any option to disable cards HOT 1
- Renders twice with latest nextjs HOT 1
- "design:updated" event is not triggered when consecutive changes are made to the currently focused element HOT 1
- manage colors via design tags
- Editor is reloading when press ENTER in the link inputs HOT 1
- Unlayer Types not correct for the newer version HOT 7
- Template Color issue for #ccc HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-email-editor.