Source: Debits and credits - Wikipedia, under the heading: - Aspects of transactions

Actual Result
On the other hand, increases in revenue, liability or equity accounts are credits or right side entries, and decreases are left side entries or debits.

 Kind of account

Debit

Credit

Asset

Increase

Decrease

Liability

Decrease

Increase

Income/Revenue

Decrease

Increase

Expense/Cost/Dividend

Increase

Decrease

Equity/Capital

Decrease

Increase

Debits and credits occur simultaneously in every financial transaction in double-entry bookkeeping.

Expected Result (Using clipboard2markdown)
On the other hand, increases in revenue, liability or equity accounts are credits or right side entries, and decreases are left side entries or debits.

Debits and credits occur simultaneously in every financial transaction in double-entry bookkeeping.

Hi, many people don't necessarily know how to use regex, so could you consider adding an option to strip part of the title, begining from a specific string of text?

For e.g., many sites use vertical lines to separate multiple titles in tabs. One tab title could for e.g. be:

Something | Strange - in the neighborhood

So in this case, I want to drop everything, begining from: " | " (vertical line and spaces).

So the result would be:
Something

I tried a regex code:

\s(.*)

But it didn't work, even though I used this site: https://regex101.com/ to verify it.

I think it would be great if this extension also supported copying individual links in a page as Markdown like https://github.com/chitsaou/copy-as-markdown does.

Actual Result

Right-click on a link in a page, no option to copy the link as Markdown is available in the menu.

Expected Result

An option titled "Copy link as Markdown" or "Copy [Link Content](URL)" is present in the right-click menu.

Thank you very much for writing this Firefox plugin! I totally use it and love it more and more. Just wanted to tell you somehow :)

Context menu is not shown when no text is selected.

Related: #27

Would be good to have a Dark Mode for Preferences Window:

From #18 (comment):

2. when I paste the clipboard content into my text editor, dots in headings are escaped with a backslash

From #1 (comment).

Can you add a checkbox in the configuration page to decide if the link to the source web page should be included at the beginning of the copied text ?

PS: in all cases, thanks a LOT for your extension !

A very common workflow of mine is to toggle the reader view from Firefox (using Ctrl+Alt+r) in order to simplify the contents of a page, then copy some or all of its contents.

Unfortunately, when in reader view (and the current url has switched to about:reader?url=https...), Copy-selection-as-markdown cannot be used any more.

Could this be fixed ?
Could it be related to #70 ?

Cheers, and thanks for your work & dedication !

Because for many markdown parsers, ![](url) does not support proper width height property.

It would be great to have syntax option, to copy img just as <img> into copied markdown result. Also maybe copy the width height property directly from selection.

although select Copy Title and URL as Markdown. defect after #29

Is it possible to bring Save button in Firefox add-on preferences to the bottom? or make it auto save? thank you

I really like using this extension to paste formatted text into Discord, but Discord unfortunately doesn't support links [like this](https://example.com). It just shows that without formatting and makes the https://example.com part clickable.

So an option to either disable link styling entirely and only copy the link's text (so the above example would look like this) or an option to remove the brackets but still have the URL in parentheses like this (https://example.com) would be much appreciated!

Will enable these by default.

domchristie/turndown-plugin-gfm: Turndown plugin to add GitHub Flavored Markdown extensions:

• strikethrough (for converting <strike>, <s>, and <del> elements)
• tables
• taskListItems

Wow, I just discovered this, thanks for creating this! Very handy when making notes.
It's good as it is. But maybe it would be possible to support different Markdown syntax options? (Also inserting the current date as an option would be great and having the option to cite the source URL/title/date at the bottom.)
https://github.com/domchristie/turndown#options

Browser: >=FF 74
Extension version: 0.18.0

Actual Result

/* --- copy-selection-as-markdown debug information --- */
/* --- INPUT ------------------------------------------ */
<div class="toc"><ol><li class="L2"><a href="https://git-annex.branchable.com/walkthrough/#index21h2"></a>
		</li>
	</ol>
</div>




<h2><a name="index1h2"></a><a href="https://git-annex.branchable.com/walkthrough/creating_a_repository/">creating a repository</a></h2>
<p>This is very straightforward.</p>

<pre><code>$ mkdir ~/annex
$ cd ~/annex
$ git init
$ git annex init
</code></pre>
/* --- OUTPUT------------------------------------------ */
## [creating a repository](https://git-annex.branchable.com/walkthrough/creating_a_repository/)

This is very straightforward.

~
$ mkdir ~/annex
$ cd ~/annex
$ git init
$ git annex init

~
/* --- URL -------------------------------------------- */
https://git-annex.branchable.com/walkthrough/#index5h2
/* ---------------------------------------------------- */

It seems to be the same for ```.
I also checked the sample input at
http://domchristie.github.io/turndown/
in a different file, which reproduced does not reproduce this issue.

Expected Result

/* --- OUTPUT------------------------------------------ */
## [creating a repository](https://git-annex.branchable.com/walkthrough/creating_a_repository/)

This is very straightforward.

~~~
$ mkdir ~/annex
$ cd ~/annex
$ git init
$ git annex init

~~~

WebExtension API for Firefox and Chrome is probably not very different. It would be great if its also supported in Chrome as it has much larger userbase and the extension will get more attention from many new users.

Many opensource extensions are hosted at https://add0n.com/index.html; such as Reader View :: add0n.com. Most of them are cross-browser extensions.

While invoking the add-on without text selection, do not add brank quote to clipboard.

Could you add the option "Include link to source web page" as a context menu entry? Most of the times, you copy fragments from the same page, so you don't need the same link copied over and over again. The icon should respect the options, but the context menu should be able to override them.

From https://addons.mozilla.org/ja/firefox/addon/copy-selection-as-markdown/reviews/1442922/.

Actual Result

/* --- copy-selection-as-markdown debug information --- */ copy.js:54:14
/* --- INPUT ------------------------------------------ */ copy.js:55:14
<li>Manage the life cycle of docker containers.</li>
<li>Supports check mode. Run with <code class="docutils literal notranslate"><span class="pre">--check</span></code> and <code class="docutils literal notranslate"><span class="pre">--diff</span></code> to view config difference and list of actions to be taken.</li> copy.js:56:14
/* --- OUTPUT------------------------------------------ */ copy.js:57:14
-   Manage the life cycle of docker containers.
-   Supports check mode. Run with `--check` and `--diff` to view config difference and list of actions to be taken. copy.js:58:14
/* --- URL -------------------------------------------- */ copy.js:59:14
https://docs.ansible.com/ansible/latest/modules/docker_container_module.html#docker-container-module copy.js:60:14
/* ---------------------------------------------------- */

Expected Result

Allow customizing the quantity of the padding spaces from three to one so the resulting output can be adjusted as the following:

- Manage the life cycle of docker containers.
- Supports check mode. Run with `--check` and `--diff` to view config difference and list of actions to be taken. copy.js:58:14

Firefox 60.4.0esr on Debian Testing, just installed the extension from AMO.

Trying to copy a selection of text containing headings, numbered lists etc. from this page, nothing ever reaches the clipboard.

Here's the only output I get in the web console:

JQMIGRATE: Migrate is installed, version 1.4.1
_static:9:542
TypeError: a.getAttribute(...) is null
Stack trace:
getSelectionAsMarkdown@moz-extension://0bd6bf0b-eb6e-469a-922c-b2e7fb3b7852/copy.js:161:12
main@moz-extension://0bd6bf0b-eb6e-469a-922c-b2e7fb3b7852/copy.js:94:21
copy.js:122:5

Hey, what a great add-on you've got, thank you for your work!

The feature request

Could be very nice to be able to copy multiple links in markdown at the same time

The Why

From time to time I open too many tabs and it could be handy to just save them all for future as markdown links. It's okay if you have one or two, but 30+ tabs (one normal research session on modern computer) -- is about 100 clicks and a lot of shortcuts.

Expected behaviour

1. You select the tabs
2. click Copy as Markdown
3. Boom! you've got them in your clipboard, ready to paste

What's the reason this needs access to data for all websites? Couldn't find it anywhere in the documentation!

Do you support Firefox for Android with your addon? The changelog "set minimum version to Firefox 57 (Android is not tested though)" seems to suggest that you might. But when I try to use it (via three-dots-menu > "Copy as Markdown" at the bottom), nothing gets copied to the clipboard and I also get no message of any kind. This is on Copy Selection as Markdown 0.11.0, Firefox 65.0.1, and Android 8.1.0.

Actual Result

/* --- copy-selection-as-markdown debug information --- */ copy.js:54:14
/* --- INPUT ------------------------------------------ */ copy.js:55:14
<Location> copy.js:56:14
/* --- OUTPUT------------------------------------------ */ copy.js:57:14
<Location> copy.js:58:14
/* --- URL -------------------------------------------- */ copy.js:59:14
https://httpd.apache.org/docs/current/mod/core.html#directory copy.js:60:14
/* ---------------------------------------------------- */

Expected Result

\<Location\> or angle brackets escaped as HTML entities.

From #18 (comment):

1. highlighted text is deselected after it is copied to clipboard. traditional copy-to-clipboard doesn't do that

From #13.

063bbf2 implements unit test finally. Let's setup CI.

The original plug-in is not maintained (last patch is from 3 years ago and PRs for bugfixes aren't merged) and it's not able to convert tables properly (see this or this).

But it seems that forks like joplin-turndown-plugin-gfm are well maintained and contain the bugfixes.
Maybe there's a better fork but CGUs switched to this one as well.

PS: As always thank you so much for copy-selection-as-markdown. I'm using it every day! 👍

Hello, is there some kind of special case or known issue preventing this from working with support.mozilla.org? If not, here's a bug report.

With the default preferences as well as with Log debug message in the console enabled, I am unable to copy selection as Markdown for at least these two web pages:

• https://support.mozilla.org/en-US/kb/setting-certificate-authorities-firefox
• https://support.mozilla.org/en-US/

For example, with Log debug message in the console enabled:

1. Open Developer Tools > Console.
2. Go to Setting Up Certificate Authorities (CAs) in Firefox.
3. Select the title, "Setting Up Certificate Authorities (CAs) in Firefox".
4. Right click and select Copy. (If you omit this step, the pasted text will still be whatever was on the clipboard. This is just to make the actual/expected explicit.)
5. Select the first sentence of the first bullet, "Setting the ImportEnterpriseRoots key to true will cause Firefox to trust root certificates.".
6. Right click and select Copy Selection as Markdown.
7. In a text box, paste the clipboard.

Actual Result

Pasted text is the plain copied text:

Setting Up Certificate Authorities (CAs) in Firefox

Console shows no output.

Expected Result

Pasted text is the Markdown version of copied text with the reference:

[Setting Up Certificate Authorities (CAs) in Firefox | Firefox for Enterprise Help](file:///home/cgorichanaz/Sorting/Setting%20Up%20Certificate%20Authorities%20(CAs)%20in%20Firefox%20%7C%20Firefox%20for%20Enterprise%20Help.html)

> Setting the _ImportEnterpriseRoots_ key to **true** will cause Firefox to trust root certificates.

Console shows output like this:

/* --- copy-selection-as-markdown debug information --- */ copy.js:56:14
/* --- INPUT ------------------------------------------ */ copy.js:57:14
Setting the <em>ImportEnterpriseRoots</em> key to <strong>true</strong>
 will cause Firefox to trust root certificates. copy.js:58:14
/* --- OUTPUT------------------------------------------ */ copy.js:59:14
> Setting the _ImportEnterpriseRoots_ key to **true** will cause Firefox to trust root certificates. copy.js:60:14
/* --- URL -------------------------------------------- */ copy.js:61:14
https://support.mozilla.org/en-US/kb/setting-certificate-authorities-firefox copy.js:62:14
/* ---------------------------------------------------- */

Notes

I generated the above console output by opening https://support.mozilla.org/en-US/kb/setting-certificate-authorities-firefox and saving the web page locally, then visiting that local copy and doing the above procedure to copy as Markdown. Then I replaced file:///home/cgorichanaz/Setting%20Up%20Certificate%20Authorities%20(CAs)%20in%20Firefox%20%7C%20Firefox%20for%20Enterprise%20Help.html with https://support.mozilla.org/en-US/kb/setting-certificate-authorities-firefox in the console output.

Environment:

• 75.0 (64-bit) Mozilla Firefox for Arch Linux (package firefox 75.0-1)
• OS: Arch Linux, kernel 5.6.5-arch3-1

Hi 0x6b,

I hope you're fine.

Actual Result

I tried to copy something and it failed due to a CORS rule when trying to fetch images.

I guess the safest variant would be to read the already loaded images from the DOM (and also faster).

Otherwise APIs to fetch data can often decide whether they go with or without CORS.
Is the referring domain is always localhost or something like that?
Anyway, most libraries and native APIs can set something like the no-cors property and disable the check in this case.

Otherwise it might be possible to set the Referer HTTP header to the current domain in these requests.

Expected Result

No CORS errors. 😉

Quick implementation question if you have the time and or know the answer.

Since to my knowledge when you select on a page in a browser, the selection is plain text and not the underlying html source representing the text, how does turndown (which you pass the selection off to) know that selected text containing "code blocks" are indeed fenced code blocks? I hope that makes sense. I looked in your code and i can't find that necessary "magic". Perhaps i'm missing something obvious though.

Any thoughts greatly appreciated
Thanks

I want to substitute | with -, so I did /\|/-/ but it doesn't work. Any suggestions?

Actual Result
How Long Do Weight Loss Plateaus Last? | Livestrong.com

Expected Result
How Long Do Weight Loss Plateaus Last? - Livestrong.com

Problem to solve

Some titles contain strings that are not desirable in the final markdown link. The title substitution currently solves this problem by specifying strings that get removed.

The problem is that the current functionality only allows static strings. We can't remove dynamically generated parts of the title.

Example

I use the extension to copy Issue links from GitLab. CMD+SHIFT+E copies

[Automated CHANGELOG entries creation (#198) · Issues · GitLab.org / gitlab-vscode-extension · GitLab](https://gitlab.com/gitlab-org/gitlab-vscode-extension/-/issues/198)

The current substitution can remove · Issues · GitLab.org / gitlab-vscode-extension · GitLab but it can't handle the (#198) bit.

Proposal

Allow user to specify a regular expression. A simple solution might be to recognise strings that are wrapped in /exp/ and not escape those. That shouldn't introduce breaking change (unless someone was escaping titles with /<something>/ in them.

Additional details

The logic that uses regex-escape to convert the title substitution to a regular expression: https://github.com/0x6b/copy-selection-as-markdown/blob/master/packages/core/src/copy.js#L68

Actual Result

1. Go to https://atom.io/packages/markdown-table-calc
2. Copy the description
3. Paste it somewhere

| Column A | Column B | Column C |

|:---------|:---------|:---------|

| 123      | 456      | 789      |

| 0        | 0        | 0        |

<!--TBLFM C2=A1+A2; C1=56*78/4 -->

Expected Result

```
| Column A | Column B | Column C |
|:---------|:---------|:---------|
| 123      | 456      | 789      |
| 0        | 0        | 0        |
<!--TBLFM C2=A1+A2; C1=56*78/4 -->
```

PS: I'm not sure but is the < vs < thingy also a bug or expected? Because I have the option Replace angle brackets (<>) with HTML entities disabled and it still shows up as HTML entities.

PPS:

<pre class="editor editor-colors"><div class="line"><span class="source gfm"><span>|&nbsp;Column&nbsp;A&nbsp;|&nbsp;Column&nbsp;B&nbsp;|&nbsp;Column&nbsp;C&nbsp;|</span></span></div><div class="line"><span class="source gfm"><span>|:---------|:---------|:---------|</span></span></div><div class="line"><span class="source gfm"><span>|&nbsp;123&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;456&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;789&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</span></span></div><div class="line"><span class="source gfm"><span>|&nbsp;0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</span></span></div><div class="line"><span class="source gfm"><span class="comment block gfm"><span class="punctuation definition comment gfm"><span>&lt;!--</span></span><span>TBLFM&nbsp;C2=A1+A2;&nbsp;C1=56*78/4&nbsp;</span><span class="punctuation definition comment gfm"><span>--&gt;</span></span></span></span></div></pre>

Currently, the extension does not check for the text and the link. The result is

[$URL][]

[$URL]: $URL

instead of the simpler

<$URL>

Just a general question: Does Mozilla prevent any extension from working on its website such as - Configuring Email Aliases?

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands

Actual Result

The extension doesn't seem to copy anything on the Thunderbird FAQ.
Is this some restriction? Or is this a security feature of firefox?

From #13.

atm the extension failed to pick up text in iframe e.g. https://www.w3schools.com/html/html_iframe.asp > Examples in Every Chapter

[bla bla bla [4k!] bla bla](https://link) should be [bla bla bla \[4k!\] bla bla](https://link)

Hey,
I've just discovered this extension and I'm very satisfied with its options and functionalities: thanks for your work !

I saw that Turndown recently released a new major version: would you mind including it to a new version of c-s-a-m ?

Cheers!

It's possible to embed images via data URLs in base64. For example

![Image](data:image/png;base64,SOMEBASE64STRING)

It would be nice if copy-selection-as-markdown would support this functionality as well.
This way it would be easier to have a full backup of an article that might be deleted later on, including it's resources.

PS: Thank you for this extension 🙏
PPS: There are also browser extensions like img2base64, that allow to copy an image as base64 directly. Maybe it would be possible to take that logic from there?

Just tried this out and getting all the text quoted. Looking at settings https://github.com/0x6b/copy-selection-as-markdown/blob/master/src/settings.html#L48 there is an "Append quote (>) to selection, turning off resolves this. Being super pedantic the quoting is prepended :-)

BTW - excellent logging/issue-instructions 👍

Actual Result

/* --- copy-selection-as-markdown debug information --- / copy.js:56:14
/ --- INPUT ------------------------------------------ */ copy.js:57:14

<div id="TOC" class="TOC">
	<ul>
		<li><a href="http://cardpen.mcdemarco.net/doc/index.html">About</a></li>
		<li><a href="http://cardpen.mcdemarco.net/doc/howto.html">How To</a></li>
		<li><a href="http://cardpen.mcdemarco.net/doc/examples.html">Examples</a></li>
	</ul>
</div>

About CardPen

What

CardPen generates simple HTML pages of cards for printing up yourself, or it can convert your HTML cards to PNG images at any DPI for uploading to card printing services that accept image files.

CardPen includes presets for most common (and many uncommon) card sizes, as well as custom sizes, circular cards, bleed support, zipping of your generated images, overlays, and turning your BoardGameGeek game collection into cards.

Where

CardPen is available online at cardpen.mcdemarco.net; you can also download the project from BitBucket and run it locally.

Why

CardPen assumes that you know your way around HTML but not around inDesign or nanDECK. Maybe you can't afford Adobe products and don't have a Windows machine handy to run nanDECK on, or your layout is simple and your project too casual to invest the time in learning a more powerful tool. But you know HTML already, and maybe even Mustache.

If you've used hccd, you might find it worth switching to CardPen for extra options like bleed and overlays.

Why Not

Some printers require inDesign or other professional file formats, and CardPen won't help you there.

Mustache (the templating engine used by CardPen) is not a scripting language and cannot do some of the very cool things that other tools do.

If you don't know HTML and CSS already, or don't feel like hacking your way around Mustache, you may want to spend your time learning more appropriate tools for the job. Also, if you're not willing to run it in a modern browser, CardPen may not work well for you.

See the end of this file for some alternatives to CardPen.

How

Your cards are assembled from a card list, a Mustache/Handlebars template, and optional CSS styles. You edit these and other settings in the upper half of the CardPen window, while the cards themselves appear in the bottom half of the CardPen window (as does this documentation). See the How To page for more details.

Whence

Not all card printing services accept PNG files, but many do.

Card Printing Services

• ArtsCow prints a handful of card sizes and shapes. (Beware their weird minis!) Not all their offerings let you set up more than one back, and some come with a pre-configured suit that you will probably need to remove from the cards. On the bright side, they have enticing sale prices and they also print memo pads, which may be useful for scorepads. (Rumor has it that you can also get scorepads printed at some FedEx Office/Kinkos locations.)
• The Game Crafter's card sizes are listed here; they recently added Euro Poker size. They also print everything you might need for an entire board game: score pads, boxes, boards, etc. and sell non-customized bits, too. (You need to register and create a game to buy most of them.)
• Make Playing Cards' card sizes and prices are here; they also make custom poker chips.
• Printer's Studio's card sizes are listed here. They also make a large variety of game mats.
• Superior Pod doesn't have a single card size list, but their sizes seem to be poker, bridge, mini, question, 3.5" square and tarot. Their submission requirements are somewhat unclear but seem to include a zip file of individual image files. There's a long BGG thread about them you might want to read before buying.

Although they print the rare Skinny Mini, DriveThruCards doesn't actually seem to accept image files, only PDFs. For the record, their card sizes and costs are listed here.

Although they accept image files, Print & Play requires that you format them in large sheets of 18 or so cards for printing. CardPen will not do that part automatically for you, though you may be able to do it yourself. For the record, their sizes are listed here, including unusual square and index card sizes.

Sleeves

Sleeves are a cheap way to mock up a card game. Sleeve your printouts in front of actual cards, or use thicker paper or opaque sleeves for the best results. The bigger sleeve manufacturers support all sorts of weird sizes.

• Dragon Shield sleeves aren't just for Magic anymore.
• Fantasy Flight sleeves are not the cheapest.
• KMC sleeves are still mostly for Magic; beware the minis that aren't really mini!
• Mayday Games' sleeves are not, rumor has it, always of consistent quality.
• Ultimate Guard sleeves come in many colors and types.
• Ultra PRO sleeves are called deck protectors.

Which

You can't swing a cat without hitting a card-making program. Here are some alternatives you might want to try instead of CardPen.

For Windows

• nanDECK is the father of them all, but Windows-only.
• CardMaker is Windows-only.
• Card Game Management System is yet another Windows program.

For Mac

• MultiDeck runs on MacOS only.

Multiplatform:

• Squib is similar in functionality to nanDECK, but Ruby-based.
• hccd is Java-based.
• Strange Eons is also multi-platform.
• XXPaper makes bits for 18xx games.

Online

• PnPDeliver is "a tool to help game designers distribute their PnP games and to help PnP players to print them." It relies on online image files, though it will work with locally-hosted image files---you can use the webserver that comes with CardPen for this purpose.
• Geckos is a replacement for (not to mention an improvement over) several online Magic-style card making programs that have disappeared over the years.

Who

CardPen is by M. C. DeMarco (fiddly_bits at BGG); it was inspired by hccd and CodePen. The code and more gory details are available at BitBucket.

CardPen is licensed under the GNU General Public License v3.0.

When

This is CardPen version 1.0.1, © 2017.

<div id="FOOt" class="TOC">
	<ul>
		<li><a href="http://cardpen.mcdemarco.net/doc/index.html">About</a></li>
		<li><a href="http://cardpen.mcdemarco.net/doc/howto.html">How To</a></li>
		<li><a href="http://cardpen.mcdemarco.net/doc/examples.html">Examples</a></li>
	</ul>
</div>

copy.js:58:14
/* --- OUTPUT------------------------------------------ */ copy.js:59:14

• About
• How To
• Examples

About CardPen

What

CardPen generates simple HTML pages of cards for printing up yourself, or it can convert your HTML cards to PNG images at any DPI for uploading to card printing services that accept image files.

CardPen includes presets for most common (and many uncommon) card sizes, as well as custom sizes, circular cards, bleed support, zipping of your generated images, overlays, and turning your BoardGameGeek game collection into cards.

Where

CardPen is available online at cardpen.mcdemarco.net; you can also download the project from BitBucket and run it locally.

Why

CardPen assumes that you know your way around HTML but not around inDesign or nanDECK. Maybe you can't afford Adobe products and don't have a Windows machine handy to run nanDECK on, or your layout is simple and your project too casual to invest the time in learning a more powerful tool. But you know HTML already, and maybe even Mustache.

If you've used hccd, you might find it worth switching to CardPen for extra options like bleed and overlays.

Why Not

Some printers require inDesign or other professional file formats, and CardPen won't help you there.

Mustache (the templating engine used by CardPen) is not a scripting language and cannot do some of the very cool things that other tools do.

If you don't know HTML and CSS already, or don't feel like hacking your way around Mustache, you may want to spend your time learning more appropriate tools for the job. Also, if you're not willing to run it in a modern browser, CardPen may not work well for you.

See the end of this file for some alternatives to CardPen.

How

Your cards are assembled from a card list, a Mustache/Handlebars template, and optional CSS styles. You edit these and other settings in the upper half of the CardPen window, while the cards themselves appear in the bottom half of the CardPen window (as does this documentation). See the How To page for more details.

Whence

Not all card printing services accept PNG files, but many do.

Card Printing Services

• ArtsCow prints a handful of card sizes and shapes. (Beware their weird minis!) Not all their offerings let you set up more than one back, and some come with a pre-configured suit that you will probably need to remove from the cards. On the bright side, they have enticing sale prices and they also print memo pads, which may be useful for scorepads. (Rumor has it that you can also get scorepads printed at some FedEx Office/Kinkos locations.)
• The Game Crafter's card sizes are listed here; they recently added Euro Poker size. They also print everything you might need for an entire board game: score pads, boxes, boards, etc. and sell non-customized bits, too. (You need to register and create a game to buy most of them.)
• Make Playing Cards' card sizes and prices are here; they also make custom poker chips.
• Printer's Studio's card sizes are listed here. They also make a large variety of game mats.
• Superior Pod doesn't have a single card size list, but their sizes seem to be poker, bridge, mini, question, 3.5" square and tarot. Their submission requirements are somewhat unclear but seem to include a zip file of individual image files. There's a long BGG thread about them you might want to read before buying.

Although they print the rare Skinny Mini, DriveThruCards doesn't actually seem to accept image files, only PDFs. For the record, their card sizes and costs are listed here.

Although they accept image files, Print & Play requires that you format them in large sheets of 18 or so cards for printing. CardPen will not do that part automatically for you, though you may be able to do it yourself. For the record, their sizes are listed here, including unusual square and index card sizes.

Sleeves

Sleeves are a cheap way to mock up a card game. Sleeve your printouts in front of actual cards, or use thicker paper or opaque sleeves for the best results. The bigger sleeve manufacturers support all sorts of weird sizes.

• Dragon Shield sleeves aren't just for Magic anymore.
• Fantasy Flight sleeves are not the cheapest.
• KMC sleeves are still mostly for Magic; beware the minis that aren't really mini!
• Mayday Games' sleeves are not, rumor has it, always of consistent quality.
• Ultimate Guard sleeves come in many colors and types.
• Ultra PRO sleeves are called deck protectors.

Which

You can't swing a cat without hitting a card-making program. Here are some alternatives you might want to try instead of CardPen.

For Windows

• nanDECK is the father of them all, but Windows-only.
• CardMaker is Windows-only.
• Card Game Management System is yet another Windows program.

For Mac

• MultiDeck runs on MacOS only.

Multiplatform:

• Squib is similar in functionality to nanDECK, but Ruby-based.
• hccd is Java-based.
• Strange Eons is also multi-platform.
• XXPaper makes bits for 18xx games.

Online

• PnPDeliver is "a tool to help game designers distribute their PnP games and to help PnP players to print them." It relies on online image files, though it will work with locally-hosted image files---you can use the webserver that comes with CardPen for this purpose.
• Geckos is a replacement for (not to mention an improvement over) several online Magic-style card making programs that have disappeared over the years.

Who

CardPen is by M. C. DeMarco (fiddly_bits at BGG); it was inspired by hccd and CodePen. The code and more gory details are available at BitBucket.

CardPen is licensed under the GNU General Public License v3.0.

When

This is CardPen version 1.0.1, © 2017.

• About
• How To
• Examples copy.js:60:14
  /* --- URL -------------------------------------------- / copy.js:61:14
  http://cardpen.mcdemarco.net/doc/index.html copy.js:62:14
  / ---------------------------------------------------- */ copy.js:63:14

​

Expected Result

Actual Result

As mentioned before, I encountered an CORS error.
I only saw this because copying didn't work at all and I looked at the console log.
But in theory this doesn't have to be like this, right?
If an error happend for processing a part of the source, it could be replaced by something like Unable to copy xyz or in the case of base64 images, there could be a graceful fallback to the regular image reference.

What do you think?

Expected Result

Copying works or at least an actionable message if something went wrong.