Приправить ваши письма с Markdown

Уценка предоставляет простой способ разметки простого текста, чтобы его можно было преобразовать в HTML.

Я ежедневно использую Markdown для написания документов, содержимого сайта и так далее. Я также сочиняю много писем, поэтому я был рад наткнуться на простой способ создания симпатичных писем в формате HTML с помощью Markdown.

Уценка Здесь

Markdown Here (MDH) — это простое расширение для браузера, которое можно установить в таких браузерах, как Chrome, Firefox, Safari и Opera. Он добавляет значок в адресную строку вашего браузера:

Просто добавьте синтаксис Markdown к своей электронной почте, и когда вы будете готовы к отправке, щелкните значок MDH. (Вы также можете активировать MDH с помощью комбинации клавиш на ваш выбор — CTRL + ALT + M по умолчанию — или через контекстное меню в раскрывающемся меню.) Нажатие на этот значок означает, что все ваши Markdown преобразуются в HTML — так что вы в конечном итоге отправить HTML-письмо. (На самом деле никакая Markdown не отправляется вместе с электронной почтой, поэтому вам не нужно беспокоиться о том, что почтовые клиенты ее не понимают.)

Например, вы можете отправлять электронные письма, которые выглядят так:

Другое использование

Если отправка электронной почты в браузере не ваша вещь, вы также можете использовать MDH с почтовыми клиентами, такими как Thunderbird, Postbox и Icedove.

И Markdown Here не ограничивается электронной почтой. Вы можете использовать его в других интерфейсах веб-редактирования, таких как Google Groups, Evernote и WordPress.

Создание HTML-писем

Я склонен отправлять электронную почту прямо через Gmail в моем браузере. Очень приятно иметь возможность улучшать электронную почту с некоторым форматированием HTML, что легко сделать с Markdown.

Мне часто приходится отправлять длинные электронные письма, и это здорово — иметь возможность добавлять заголовки, цитаты, встроенный код, блоки кода и списки, чтобы сделать письмо читабельным и разбить содержимое.

Вот несколько примеров того, что вы можете сделать.

Код

Занимаясь веб-дизайном и разработкой, я часто отправляю примеры кода по электронной почте. Написание встроенного кода так же просто:

You could try `.element {display: block;}` instead.

После преобразования MDH приведенный выше текст выглядит следующим образом:

 ```javascript
(function() {
    var method;
    var noop = function () {};
    var methods = [
        'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
        'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log'
    ];
    var length = methods.length;
    var console = (window.console = window.console || {});
}());

// From the HTML5 Boilerplate
```

 > Should I click this email link saying I'll win $1MM?

Nah, maybe not.

 There are some great articles on [SitePoint](http://www.sitepoint.com/).

 - first item in an unordered list
- second item in an unordered list

1. first item in an ordered list
1. second item in an ordered list

 # Heading One

Some text

## Heading Two

 *These* are both _italic_, and **these** are both __bold__. 
And this is *__italic and bold__*.

 End of one topic.

---

Beginning of the next …

 Selector    |   Property        |   Value
---         |   ---             |   ---
`body`      |   **color**       |   *#30353b*
`.aside`    |   **float**       |   *right*
`img`       |   **display**     |   *inline-block*

 Here's a cool picture of grass:

![grass](https://unsplash.it/600/200?image=487)

 This is the 1<sup>st</sup> presentation …

 This text should be <s>crossed out</s>.