TAD-Copy as Rich Text (peternush)

Action

Posted by sylumer, Last update about 1 month ago - Unlisted

https://forums.getdrafts.com/t/customizing-the-html-output/16384/4

Trusted member

Install

Steps

defineTemplateTag

name

STYLE

template

    @charset "utf-8";

    :root {
      --main-bg-color: white;
      --main-color: black;
      --alternate-bg-color: #efefef;
      --alternate-color: #222222;
      --main-border-color: #BBBBBB;
        --link-color: #627EC9;
    }

    @media (prefers-color-scheme: dark) {
      :root {
        --main-bg-color: #222222;
        --main-color: #eeeeee;
        --alternate-bg-color: #444444;
        --alternate-color: #cccccc;
        --main-border-color: #AAAAAA;
          --link-color: #627EC9;
      }
    }

    html {
      font-size: 100%;
      font-family: Calibri, Aptos, Arial;
      line-height: 1.4;
    }

    body {
      margin: 0;
      padding: 1em;
      background-color: var(--main-bg-color);
      color: var(--main-color);
    }

    @media (max-device-width: 480px) {}

    @media (min-device-width: 481px) {
      body {
        margin: auto;
        max-width: 600px;
      }
    }

    blockquote {
      font-style: italic;
      margin: 1.5em 2em;
      padding: 1em;
      background-color: var(--alternate-bg-color);
      color: var(--alternate-color);
    }

    a {
      color: var(--link-color);
    }
    pre {
      display: block;
      overflow: scroll;
      width: 100%;
      background-color: var(--alternate-bg-color);
      padding: .5em 1em;
      margin: 1em 0;
    }

    code {
      background-color: var(--alternate-bg-color);
      color: var(--alternate-color);
      font-family: Menlo, Courier, sans-serif;
      padding: 2px 3px;
    }

    table {
      margin: 1.5em 0;
      border: 1px solid var(--main-border-color);
      border-collapse: collapse;
    }

    th {
      padding: .25em .5em;
      background: var(--alternate-bg-color);
      border: 1px solid var(--main-border-color);
    }

    td {
      padding: .25em .5em;
      border: 1px solid var(--main-border-color);
    }

    img {
      max-width: 90%;
    }

script

let mmd = MultiMarkdown.create();
let strContent;
let strMsg;

if(editor.getSelectedText() == "")
{
	strContent = draft.content;
	strMsg = "Rich text version of draft content on clipboard";
}
else
{
	strContent = editor.getSelectedText();
	strMsg = "Rich text version of text selection on clipboard";
}


if (app.htmlToClipboard(`<html><body>
<style>${draft.processTemplate("[[STYLE]]")}</style>
${mmd.render(strContent)}
</body></html>`)) app.displaySuccessMessage(strMsg);
else context.fail("Failed to copy rich text to clipboard");

Options

After Success Default

Notification Error

Log Level Error

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

After Success	Default
Notification	Error
Log Level	Error