Drafts Directory: Plain Text Preview

Action

Posted by agiletortoise, Last update over 5 years ago

Preview with displays text without modification in a

 block.




  
   Trusted member



    Install



  Steps

  
    script
// create theme sensitive css for preview

if (app.themeMode == 'dark') {
	var css = "body { background: #222; color: #ddd; }";
	draft.setTemplateTag("bodystyle", css);
}
else {
	var css = "body { background: #fff; color: #444; }";
	draft.setTemplateTag("bodystyle", css);
}
  
  
    htmlpreview
<!DOCTYPE html>
<html dir="auto">
<head>
<title>[[title]]</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>
 <pre><code>
 [[draft]]
</code></pre>
</body>
</html>
  




  Options
  
    
  
    
      After Success
      
        Nothing
        
      
    
    
      Notification
      Error
    
    
      Log Level
      Error
    
  





  Items available in the Drafts Directory are uploaded by community members. Use appropriate caution reviewing downloaded items before use.


                  
                  
                  
                    
                  
                  
                    
                  
                  
                    © 2012-2023 by Agile Tortoise, Inc.

                    Drafts is a registered Trademark of Agile Tortoise, Inc.

                    Privacy | Terms