Action
MD-Preview
Steps
-
script
// Set theme sensitive CSS if (app.themeMode === 'dark') { draft.setTemplateTag("bodystyle", "body { background: #222; color: #ddd; }"); } else { draft.setTemplateTag("bodystyle", "body { background: #fff; color: #444; }"); }
-
htmlpreview
<!DOCTYPE html> <html dir="auto"> <head> <title>Preview</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @charset "utf-8"; html { font-size:100%; font-family: "Helvetica Neue", "Helvetica", sans-serif; } body { margin:0; padding:1em; } [[bodystyle]] @media (max-device-width: 480px) { } @media (min-device-width: 481px) { body { margin:auto; max-width:600px; } } blockquote { font-style: italic; } code, pre { border-radius: 3px; padding: .5em; color: inherit; } table { margin: 1em 0; border: 1px solid #aaa; border-collapse: collapse; } th { padding:.25em .5em; border: 1px solid #ccc; } td { padding:.25em .5em; border: 1px solid #ccc; } </style> </head> <body> %%[[draft]]%% </body> </html>
Options
-
After Success Default Notification Info Log Level Info
Items available in the Drafts Directory are uploaded by community members. Use appropriate caution reviewing downloaded items before use.