Editorial Workflows

Preview with Math

public workflow

Install Workflow

This is a workflow for Editorial, a Markdown and plain text editor for iOS. To download it, you need to view this page on a device that has the app installed.

Description: Render MathJax equations in Multimarkdown preview. You can customize the css since it's available as a variable. The default css is the Editorial one.

Comments: Comment Feed (RSS)

There are no comments yet.

+ Add Comment

Workflow Preview
Document Text ?
Folded Text
  • Include
  • Replace with:
Convert Multi-Markdown ?
Template
{{CONTENT}}
Smart Quotes
ON
Set Variable ?
Variable Name
BODY
Value
Input
Generate Text ?
Text
body { margin: 0; padding: 0; border: 0; color: {{TEXT_COLOR}}; font-size: {{TEXT_FONT_SIZE}}px; font-family: "{{TEXT_FONT}}", Helvetica, sans-serif; line-height: 150%; vertical-align: baseline; overflow: hidden; background-color: {{BACKGROUND_COLOR}}; } a { color: {{LINK_COLOR}}; text-decoration:none; } h1 { font-family: {{H_FONT}}; font-size: {{H1_FONT_SIZE}}px; font-weight: {{H_FONT_WEIGHT}}; font-style: {{H_FONT_STYLE}}; margin-top: 32px; margin-bottom: 12px; } h2 { font-family: {{H_FONT}}; font-size: {{H2_FONT_SIZE}}px; font-weight: {{H_FONT_WEIGHT}}; font-style: {{H_FONT_STYLE}}; margin-top: 32px; margin-bottom: 12px; } h3 { font-family: {{H_FONT}}; font-size: {{H3_FONT_SIZE}}px; font-weight: {{H_FONT_WEIGHT}}; font-style: {{H_FONT_STYLE}}; } h4, h5, h6 { font-family: {{H_FONT}}; font-size: {{H3_FONT_SIZE}}px; font-weight: {{H_FONT_WEIGHT}}; font-style: {{H_FONT_STYLE}}; margin-top: 12px; margin-bottom: 0; } h1:first-child { margin-top: 0; } p { margin-bottom: 12px; } p:last-child { margin-bottom:0; } ol { list-style: outside decimal; } ul { list-style: outside disc; } ol, ul { padding-left:0; margin-bottom:12px; } ol li { margin-bottom:16px; margin-left:28px; } ul li { margin-bottom: 12px; margin-left: 20px; } ol:last-child, ul:last-child { margin-bottom:0; } li > p { margin-bottom:12px; } li > ol, li > ul { margin-top: 12px !important; padding-left:12px; } dl { margin-bottom: 12px; } dl dt { font-weight: bold; margin-bottom: 8px; } dl dd { margin-left: 0; margin-bottom: 12px; } dl dd:last-child, dl:last-child { margin-bottom: 0; } pre { white-space: pre-wrap; margin-bottom: 24px; overflow: hidden; padding: 3px; -webkit-border-radius: 3px; background-color: {{CODE_BACKGROUND_COLOR}}; border: 1px solid {{CODE_BORDER_COLOR}}; } code { font-family: "{{CODE_FONT}}", monospace; font-size: 0.9em; white-space: nowrap; padding: 2px; -webkit-border-radius: 4px; background-color: {{CODE_BACKGROUND_COLOR}}; border: 1px solid {{CODE_BORDER_COLOR}}; } pre code { font-family: "{{CODE_FONT}}", monospace; font-size: {{CODE_FONT_SIZE}}px; white-space: pre-wrap; border: none; padding: 0; background-color: transparent; -webkit-border-radius: 0; } blockquote { border-left: 3px solid #ccc; margin-left: 0; margin-right: auto; width: 95%; padding: 0 10px; } table { margin-left: auto; margin-right: auto; margin-bottom: 24px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-spacing: 0; } table th { padding: 3px 10px; background-color: {{BACKGROUND_COLOR}}; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } table td { padding: 3px 10px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } img { border: none; display: block; margin: 1em auto; max-width: 100%; } #content-wrapper { height: 100%; overflow-y: scroll; overflow-x: hidden; font-size: 1.0em; width: 100%; } #content { width: auto; padding: 40px 40px 40px 40px; } .footnote { font-size: 0.8em; vertical-align: super; } .footnotes ol { font-weight: bold; } .footnotes ol li p { font-weight: normal; }
Set Variable ?
Variable Name
CSS
Value
Input
Show HTML ?
HTML
<!DOCTYPE html> <html> <head><meta charset="utf-8"/> <script type="text/x-mathjax-config"> MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$']], processEscapes: true}}); </script> <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script> <style> CSS </style> </head> <body> <div id="content-wrapper"> <div id="content"> BODY </div> </div> </body> </html>
Title
Math
Base URL
None