В двух предыдущих обзорах были рассмотрены веб-редакторы с поддержкой разметки markdown и ее разновидностей. Что касается настольных платформ, то здесь выбор существенно ограничен, и специализированные markdown-редакторы для Windows можно пересчитать на пальцах одной руки.

Стоит обмолвиться, что существуют расширения, добавляющие полноценную поддержку разметки в редакторы кода и интегрированные среды. Наиболее известны такие связки, как Sublime Text и , Notepad++ и , и Eclipse. Однако далее речь пойдет о программах, которые изначально работают с Markdown и не требуют установки расширений.

Список аспектов нашего исследования существенно отличается от тех, что уже были перечислены при рассмотрении веб-сервисов. Это связано с отсутствием многих возможностей в настольных приложениях: поддержки облачных сервисов, механизма контроля версий, совместного доступа и, за единственным исключением, функции публикации заметок. Обновленный список требований выглядит следующим образом:

• Интерфейс: поддержка вкладок, сессий, проектов; горячие клавиши; локализация; смена темы оформления
• Markdown-редактор: подсветка синтаксиса, нумерация строк; наличие предосмотра и возможность редактирования разметки, поддержка дополнительных разметок; режимы просмотра; проверка орфографии; работа с буфером обмена
• Форматы импорта и экспорта
• Настройки программы и дополнительные возможности: изменение шрифтов, цветов. При наличии в редакторе HTML-превью - возможность переопределения CSS-стилей.

Участники обзора:

• MarkdownPad
• Texts
• MarkPad
• WriteMonkey
• MdCharm

MarkdownPad

Релиз редактора MarkdownPad состоялся в 2011 году, и на сегодня это едва ли не самый популярный настольный редактор в данной нише. Изначально, авторская идея заключалась в создании приложения, которое позволит вести рабочий дневник с возможностью быстрой вставки даты. При разработке также было важно, чтобы редактор не только полноценно поддерживал markdown, но и позволял отслеживать изменения в html-превью.

Интерфейс привычен, кнопки форматирования в редакторе вынесены на верхнюю панель. При работе с кодом поддерживаются горячие клавиши, часть опций можно найти в разделе меню «Вставить». Нумерация строк и подсветка синтаксиса включены, причем последняя - в полном объеме (как можно заметить, многие редакторы подсвечивают только некоторые элементы разметки). В нижней части окна приложения доступны: статистика, опции проверки орфографии и меню быстрого выбора разметки - Markdown Extra (включая таблицы), GitHub Flavored Markdown. Проверка орфографии актуальна и для русского языка, поэтому скачивание дополнительных словарей не требуется. Правда, если документ содержит несколько языков, нужно переключаться с одного словаря на другой.

Полученный результат можно скопировать из превью «как есть» либо передать в буфер обмена в html-формате. Кроме того, в html-документ легко включить пользовательские данные, что бывает необходимо для превью или адаптированного просмотра публикации на статическом сайте. Последняя функция, впрочем, редактором не поддерживается. Для импорта доступны форматы Markdown и TXT, на экспорт - Markdown, TXT, HTML и PDF.

Интерфейс редактора поддается гибкой настройке, включая цветовые схемы, шрифты, отступы. Кроме того, можно изменить внешний вид html-превью посредством css-стилей.

Инструментарий PRO-версии MarkdownPad гораздо интереснее по сравнению с бесплатной. Снимаются ограничения на сессии, сохранение и экспорт, загрузку изображений, подсветку синтаксиса в превью, доступна настройка панелей и прочие опции. Полный список различий указан на сайте разработчика.

Texts

Кроссплатформенный редактор Texts (Windows, Mac OS X и iOS) позволяет работать с rtf- и markdown-текстом в визуальном режиме, экспортировать в различные форматы, включая HTML5, PDF, ePub и Word.

Редактор представлен единственной панелью. Более того, вкладки и сессии не поддерживаются. Панель форматирования отсутствует, однако под соответствующие функции отведена почти вся верхняя полоса меню. Редактор позволяет создавать структурированные документы: добавлять заголовки, изменять начертание, создавать таблицы, списки, сноски, математические формулы и прочие элементы. За большинством команд закреплены горячие клавиши.

Наиболее примечателен в Texts режим вставки: можно скопировать текст в HTML либо вставить markdown-код в окно - он будет сразу же преобразован в необходимый формат. При этом нужно отметить следующий недочет редактора: нельзя просматривать и редактировать исходный код. Учитывая то, что при разметке используется промежуточный RTF, визуальный режим ограничивает в использовании Markdown, не говоря о его расширенных возможностях вроде Markdown Extra. В плане визуального редактирования, тем не менее, все в порядке. Например, пользователи, которым сложно строить таблицы в Markdown, могут создавать их при помощи раздела меню Table.

Хотя привычный диалог настроек и отсутствует, в меню Texts есть минимальные опции отображения: смена темы интерфейса, регулировка размера шрифтов, переключение статистики.

Редактор полнофункционально работает 30 дней в ознакомительном режиме, после чего необходимо зарегистрироваться ($14,50 с учетом 50%-ной скидки).

MarkPad

MarkPad (DownmarkerWPF) - клиентское приложение с открытым кодом, бесплатно распространяемое через магазин Windows или отдельным файлом с расширением.application. MarkPad можно отнести как к настольным, там и онлайн-редакторам, поскольку без интернет-соединения он работать не будет.

В основе интерфейса - система WPF (Windows Presentation Foundation), смотрится редактор вполне привлекательно. Аналогично MarkdownPad, MarkPad позволяет работать в нескольких вкладках, также здесь доступен режим side-by-side - удобное отображение результата в правой панели. В нижней части экрана - изменение масштаба и просмотр статистики по словам. Нумерация строк поддерживается, а вот подсветка синтаксиса носит больше формальный характер: Markdown сливается с текстом. Проверка орфографии актуальна только для английского языка, добавить русский словарь не представляется возможным.

Наиболее удобна в MarkPad плавающая панель, она дополняет горячие клавиши, тем самым упрощая форматирование. Что касается горячих клавиш, то ознакомиться с ними можно через раздел Help; список достаточно велик.

Редактор подходит для публикации заметок на блог-платформах. Для этих целей, есть два варианта интеграции - metablog api или github. В первом случае, можно дополнительно указать язык вывода, HTML или Markdown. Также MarkPad позволяет указать несколько блогов для публикации. При создании документа можно начать с «чистого листа» либо воспользоваться jekyll-шаблоном.

В остальном, доступных опций немного - включение плавающей панели, активация Markdown Extra, настройка отступов, шрифтов, выбор языка (русской локализации нет в наличии).

WriteMonkey

WriteMonkey - компактный и портативный редактор, удобный для запуска со съемных носителей, поскольку хранит программные настройки в папке с программой. Помимо Markdown, работает со стандартами Markdown Extra, Textile и WikiCreole.

Для начала следует отметить, что вся информация хранится в файловом репозитории, в кодировке UTF-8. Как следует из описания других редакторов, ни в одном из них не предусмотрено резервное копирование файлов. В то же время, WriteMonkey предлагает не только это, но и файловую историю и автосохранение.

MdCharm - еще один любопытный редактор, поддерживающий Markdown и его вариации - Markdown Extra и MultiMarkdown. Доступен для платформ Windows и Linux.

MdCharm включает в себя удобный двухпанельный редактор с поддержкой вкладок. Можно быстро переключаться между исходным текстом и превью или скомбинировать несколько панелей - скажем, расположить две вкладки с одновременным просмотром превью. Еще одна интересная возможность - работа с проектами: доступ к файлам из одной директории возможен через боковую панель.

На панели инструментов имеются все необходимые функции форматирования. Можно отметить две интересные редакторские особенности MdCharm: поддержка вставки локальных изображений и выбора стиля кода, в зависимости от чего меняется markdown-форматирование. Подсветка синтаксиса и текущей строки есть, нумерации строк нет.

Зайдя в настройки, можно поменять шрифты, отступы, кодировку, переопределить CSS-стиль для вывода HTML-превью. Для проверки орфографии в настройках несложно подключить дополнительные словари. Русскоязычный словарь отсутствует, пользователю придется искать его самостоятельно и копировать в папку с программой.

Резюме

MarkdownPad предоставляет удобный вкладочный интерфейс, популярные форматы для импорта и экспорта, подсветку синтаксиса и нумерацию строк, двухпанельный интерфейс с возможностью css-стилизации предосмотра. Но, несмотря на преобладающие достоинства, у данного редактора имеются определенные недостатки. Самый заметный из них - ресурсоемкость, которая заключается в некоторой замедленной реакции превью. Кроме того, в Windows 8 предосмотр недоступен без предварительной установки специального компонента размером более 100 МБ. Последний штрих - существенные ограничения бесплатной версии MarkdownPad не позволяют полноценно работать со вкладками, сессиями, использовать альтернативный markdown-синтаксис.

Texts удобен, прежде всего, в качестве wysiwyg-редактора. Приложение не работает с исходной markdown-текстом, в нем нет редактора разметки и, соответственно, поддержки расширенного синтаксиса. Очень мало настроек. Вместе с тем, Texts успешно импортирует и экспортирует файлы в различных форматах, в чем и состоит главное достоинство этого редактора.

MarkPad - простой клиент с приятным интерфейсом, поддержкой вкладок и уникальной возможностью публикации в блогах. При работе с русскоязычными текстами недоступна проверка орфографии. Это, пожалуй, единственный очевидный недостаток. В остальном, редактор удобен и позволяет быстро обращаться с синтаксисом Markdown (Extra).

В MdCharm сочетаются привычные особенности настольного приложения: поддерживаются вкладки, быстрое переключение между режимами просмотра и их комбинирование. Настраивается отображение, можно переопределить горячие клавиши. MdCharm задействует различные версии Markdown и, наравне с MarkdownPad, позволяет экспортировать текст в HTML, PDF и ODT.

WriteMonkey совмещает в себе очень простой интерфейс и отличный инструментарий. Если говорить о недостатках, то они относятся к эргономике приложения: неудобно работать с единственным контекстным меню, где собраны все возможные команды. Их перечень WriteMonkey внушителен. В любом случае, можно утверждать, что это наиболее функциональный markdown-редактор и отличный специализированный редактор в целом.

Сводная таблица

Программа	MarkdownPad	Texts	MarkPad	WriteMonkey	MdCharm
Разработчик	Evan Wondrasek	Text Software Limited	code52	pomarancha_	MdCharm
Цена полной версии	$14,95	$14,50	бесплатно	бесплатно
Русская локализация	+	−	−	+	−
Подсветка синтаксиса	+	−	+	+	+
Нумерация строк	+	−	+	−	−
Разметка / предварительный просмотр	+ / +	− / +	+ / +	+ / −	+ / +
Проверка орфографии	+	−	+ (англ.)	+	+
Статистика	+	+	+	+	−
Горячие клавиши	+	+	+	+	+
Импорт	Markdown, TXT	Markdown, TXT, HTML, LaTeX	Markdown	TXT	Markdown, TXT
Экспорт	Markdown, TXT, HTML, PDF	Markdown, TXT, Word, HTML, PDF, ePub	Markdown	TXT, Word	HTML, PDF, ODT, Markdown
Виды разметки	Markdown, Markdown Extra, GitHub Flavored Markdown	Markdown	Markdown, Markdown Extra	Markdown, Markdown Extra, Textile, WikiCreole	Markdown, Markdown Extra, MultiMarkdown

8 января 2015 в 11:06

Marxico - markdown редактор для Evernote

• GTD

Evernote представляет собой довольно хороший и удобный сервис для ведения различных заметок. При его использовании заметки не разбросаны по листочкам и файликам на компьютере, а собраны в одном месте; также появляется возможность быстро фиксировать свои мысли и идеи.

Однако, когда нужно записать формулу, черкануть пару строк кода или сделать набросок технической статьи, то тут Evernote уже не так удобен. Здесь на помощь приходит Marxico - markdown редактор для Evernote.

Где взять приложение

Marxico работает как обычное веб-приложение на сайте marxi.co . Его также можно установить как оффлайновое приложение из магазина расширений для Google Chrome. После установки его можно найти в панели запуска приложений Chrome. Приложение бесплатное.

Первый взгляд на Marxico

Первое, что бросается в глаза - двухпанельный интерфейс. В левой части текст пользователя на markdown, в правой части показывается, как будет выглядеть результат. Обновление результата происходит в режиме реального времени.

В верхней части окна, несколько сливаясь с фоном, расположена панель инструментов (скриншоты кликабельные):

При наведении курсора на кнопку вставки изображения появляются дополнительные кнопки: сделать текст жирным, создать заголовок, горизонтальную линию, гиперссылку, цитату и блок кода.

Для полноты представления интерфейса ниже скриншот ещё парочки панелей меню. Слева панель списка заметок на markdown, справа - панель меню:

При желании можно работать в режиме «только markdown». Для этого нажмите иконку «Toggle resize» или комбинацию клавиш ctrl+enter. Если нужно посмотреть только результат, кликните по кнопке меню (слон или человек в кружке) и в меню выберите пункт «Preview document».

Если вас не устраивает тёмный интерфейс для редактора, кликните по кнопке «Editor theme» (выглядит как волшебная палочка) и выберите более подходящую тему, например «Github».

Несмотря на наличие кнопок, я преимущество использую комбинации клавиш - они заметно упрощают и ускоряют работу. Нажмите кнопку помощи (знак вопроса в кружке) или комбинацию ctrl+/ для получения справки о доступных комбинациях клавиш.

Уровень поддержки Markdown

Marxico поддерживает основные возможности Markdown, которые представлены на скриншоте ниже:

Я бы хотел обратить отдельное внимание на инструмент вставки изображений, который позволяет вставить изображение с компьютера и буфера обмена. Для этого нажмите ctrl+G и кнопку «Import local image...».

Интеграция с Evernote и экспорт заметок

Marxico сохраняет заметки в Evernote. Для этого надо из правой панели меню зайти в Evernote и в специальном окне подтвердить доступ приложения к Вашему аккаунту. После этого достаточно время от времени нажимать ctrl+s для сохранения статьи. Однако, если вы вдруг забыли сохранить, появится панель с вопросом, нужно ли выполнить синхронизацию. Во время простоя синхронизация выполняется автоматически.

Кроме обычного markdown поддерживается специфический синтаксис, позволяющий указать, в какой блокнот Evernote следует положить заметку и какие теги ей присвоить. Например, если мы кладём заметку в блокнот MyNote и присваиваем теги tag1 и tag2 , то следует записать следующее:

@(MyNote)

Обратите внимание, что после круглых скобок не должно быть пробела. Взглянув на заметку в Evernote, мы увидим небольшой флажок в углу заметки. Кликнув по нему, мы попадём в Marxico, и можем продолжить редактирование заметки.

В настоящее время возможен экспорт в 3 формата:

1. Markdown

При экспорте в Markdown вы скачаете zip архив, содержащий файл.md с текстом и картинки (которые, увы, не открываются). Экспорт в HTML пока не рекомендую - скачивается обычная HTML страница, в которой даже не будет картинок. Экспорт в PDF рекомендую делать из Сhrome, потому что в нём есть функция печати в PDF. Получаемые PDF выглядят хорошо и имеют работающие гиперссылки.

Замеченные проблемы

Кроме неработающих картинок из архива с markdown файлом также замечены:

Мелкие глюки в Firefox

К сожалению в Firefox"e Marxico иногда поглючивает. В частности, временами плохо работает синхронизация и не рендерятся LaTeX формулы. Наилучшая поддержка обеспечена для Chrome. Мне больше всего нравится использовать приложение, созданное через «создать ярлыки приложений» меню Chrome, потому что для масштабирования достаточно крутануть колёсико мыши при зажатой клавише ctrl. В оффлайновом приложении колёсико мыши не работает, и надо использовать комбинации клавиш ctrl плюс/минус, что менее удобно.

Вид формулы сохраняется в Evernote с незначительными искажениями

Например, формула в Marxico:

А вот так эта же формула выглядит в Evernote:

Это несколько портит впечатление, но всё же это мелочь: при повторном редактировании заметки формулы по прежнему хорошо выглядят в Marxico.

Рассинхронизация markdown и результата (иногда)

Если скролить в markdown редакторе, левая и правая части вполне синхронно прокручиваются. При прокручивании результата текст на markdown не прокручивается (видимо, так задумано). Если в тексте много картинок или они большие, синхронизация нарушается. Это неудобно, но работе сильно не мешает.

Заключение

В целом Marxico - очень удобный инструмент, когда нужно набросать заметку на markdown. Я использую его, когда нужно накидать текст с формулами и кусочками кода, чтобы потом не забыть. Также в нём я пишу черновики статей для Хабра и делаю конспекты лекций по преподаваемым дисциплинам.

Тема Markdown довольно часто всплывает в Интернете и я, как активный автор, блоггер, журналист и обозреватель не раз на нее натыкался, ведь это напрямую относится к моей работе. Но очень долгое время как-то не обращал на нее внимания и зацепился за этот язык разметки, можно сказать, случайно. Проблема не в лени, проблема в нехватке времени или скорее в отсутствии мотивации . Было бы желание, а время всегда можно найти. Везде, будь-то Рунет или англоязычный сегмент Сети, по теме Markdown я находил либо скучные инструкции с описанием команд и синтаксиса, либо банальное упоминание, мол есть такая штука, она позволяет быстро добавлять в текст ссылки или стиль, которые затем конвертируются в стандартный HTML. Но по факту это мощнейший и одновременно простейший инструмент, который ежедневно экономит мне даже не минуты, а часы времени и очень много сил, благодаря которому iPad превратился в полноценный инструмент создания и публикации материалов в Сети и значительно повысилась эффективность труда. Цель этой статьи - восполнить информационный пробел по теме Markdown в Рунете и сделать это комплексно: рассказать как о языке разметки текста, так и об инструментах для работы с ним. В данном случае о мультиплатформенном редакторе Byword. Надеюсь людям моей профессии, работающим с OS X и iOS, этот опыт будет полезным. Что ж, поехали!

Невиданный зверь Markdown

Если кратко, то Markdown - это простой язык разметки текстов, который позволяет создавать фактически полностью оформленную веб-публикацию одновременно с написанием самого материала. «Оформленную » - это значит с гиперссылками, выделением текста в нужных местах (жирный или курсив), цитатами и списками. В большинстве случаев этого достаточно, а для хардкорных блоггеров есть еще и расширенная версия Markdown с поддержкой таблиц и прочих хитрых штук. Но тут уже нужен особый софт и подобная функциональность потребуется скорее могучим специалистам, чем «простым смертным». В такие дебри лезть не будем.

Формат файла - обычный текст , он же TXT. Некоторые редакторы еще присваивают расширение «.md », но это лишь для удобства и ассоциации такого контента с определенным приложением в OS X (в Windows, возможно, тоже, но в этой ОС дел с MD-редакторами не имел, так что гадать не буду). Например, так делает , хотя внутри хитрого файла с расширением «.md» все тот же обычный неформатированный текст.

Идея же Markdown состоит в наборе простых команд или обозначений, которые MD-конвертер сможет преобразовать в стандартный HTML-код. Простой пример такого обозначения - это выделение текста звездочками:

*текст* - конвертер преобразует такой текст в курсив
** текст ** - а такой текст будет преобразован в жирный

Для наглядности вот так текст будет выглядеть в преобразованном виде на веб-странице:

текст
текст

А вот так он выглядит в формате HTML, в который и преобразовывается Markdown-конвертером. Именно в таком виде материал добавляется в админку (в режиме HTML-редактора, конечно же, забудьте о визуальном редакторе - он живет своей особой жизнью):

текст
текст

Таким образом, в Markdown можно писать в принципе в любом текстовом редакторе, даже в самом простом, том же TextEdit. Но в специализированном все же удобнее по целому ряду причин, начиная от встроенного конвертера и режима предпросмотра результата и заканчивая автоматизацией ввода нужных команд.

Кто-то уже начал засыпать от обилия умных слов и непонимания, зачем этот Markdown сдался? Друзья, проявите немного терпения! Давайте я пока разбавлю повествование рассказом о базовых возможностях редактора Byword, он классный, поверьте. А потом, когда вы взбодритесь, перейдем к командам языка разметки. Данного скучноватого раздела не избежать, но он достаточно простой для понимания. Затем перейдем к практике и особенностям реализации Markdown в Byword, что, надеюсь, избавит от необходимости подпирать веки спичками.

Byword - сила в простоте

Немного истории

В прошлом для набора текстов в OS X я использовал Pages , с ним же работал и в iOS на iPad, но долгое время как-то не сильно часто и активно прибегал к помощи планшета в своем творчестве. Затем в OS X перешел на банальный TextEdit . Согласен, действительно странно, но была причина, которая называется . В Pages на первых порах эта по сути единственная достойная система проверки правописания для OS X вообще никак не работала, а мучаться с Parallels и Crossover , под которыми я запускал Windows-версию Word для проверки своих текстов, мне просто надоело.

О да, кто-то сейчас вспомнит, что «тру автор» должен наизусть знать все правила русского языка и писать исключительно правильно и без ошибок. В идеале да, но все мы люди, сделаны из живой плоти, имеющей особенность уставать, терять сосредоточенность и другие слабости. От опечаток не застрахован никто, даже академик русского языка. И электронная система проверки правописания в таком случае помогает нивелировать эффект от упомянутых выше человеческих слабостей, облегчает труд и позволяет экономить время.

Возвращаемся к теме разговора. От рюшечек Pages пришлось отказаться в пользу корректного и безошибочного написания текстов. Со временем я понял, что все эти красивости большого текстового процессора и не нужны в работе, по крайней мере в моей. Скорее они отвлекают. В итоге TextEdit стал моим полноценным инструментом для набора текста, до тех пор, пока я в очередной раз не задумался о повышении эффективности своего труда. Сделать это можно, если рабочий инструмент всегда с собой. В принципе, ноутбук частенько при мне, но далеко не везде и не всегда. А вот планшет можно таскать с собой постоянно. Кроме того, при очередном совместном сборе редакции сайт, вновь продемонстрировал виртуозность использования iPad в работе, не только набирая на нем большие тексты, но и публикуя их.

Вроде как самое простое решение - это Pages. Есть поддержка «облака», а значит и бесшовная синхронизация текстов: начал печатать на ноутбуке, продолжил на планшете, закончил вновь на ноутбуке. Но нет поддержки папок (вернее не было на этапе поиска альтернатив), а я люблю порядок - все тексты разложены по датам, все пронумеровано, любой контент найти несложно. Кроме того, сторонние сервисы для проверки грамматики в Pages на OS X не работают до сих пор. Да и привык я к простому текстовому редактору, причем настолько, что в нагруженный интерфейс печатного комбайна Apple возвращаться уже не хотелось.

Поиск альтернатив вначале привел к - реально удобная мультиплатформенная штука с мегапростым, но классным внешним оформлением, да еще и с поддержкой синхронизации через Dropbox, а значит и с папками проблем не будет. Более того, дополнительная рабочая панель над экранной клавиатурой в iPad с кнопками управления курсором и наиболее часто используемыми знаками (точка и запятая при русской раскладке, кавычки-ёлочки и т. п.) просто меня покорила.

В общем, начал работать с iA Writer, создавая тексты одновременно на iPad и на MacBook. Обратите внимание, о Markdown изначально речи не шло, но упоминание о нем в описании текстового редактора я нашел. В очередной раз наткнувшись на знакомое понятие и в очередной раз почитав его базовое описание, вспомнил о давней мечте добавлять все нужные элементы оформления в текст на этапе его создания, а не во время публикации в админке WordPress. И так намучаешься при написании статьи, сил уже нет, а тут надо еще сосредоточенно добавлять ссылки, выделять текст жирным, курсивом, вставлять списки, то есть проделывать немало работы, что частенько тяготило, портило настроение и аппетит. «Теоретически Markdown эту проблему решает », - подумал я и решил проверить это на практике.

Пару дней было потрачено на изучение языка разметки, а в процессе выяснилось, что iA Writer на тот момент не очень хорошо конвертировал Markdown в HTML и иногда случались ошибки, в основном из-за сложных ссылок, сбивавших встроенный конвертер с толку. Вот тогда по совету одного из весьма уважаемых мной IT-журналистов Павла Урусова (@pavel_urusov) я и обратил внимание на Byword , который, как выяснилось, не только обладает отличным конвертером Markdown, но и массой других преимуществ.

Byword как обычный редактор

У человека, привыкшего к Word, Pages или даже TextEdit, окно Byword вызовет немой вопрос, что-то типа: «Это шутка? ». Дело в том, что окно редактора пустое, совсем. Никаких панелей инструментов, никаких менюшечек и рюшечек, только текст и автор наедине с ним. Это если речь идет о версии для Mac, хотя и в версии для iPad тоже примерно все то же самое, но есть отличия - о них поговорим позже. Вот как выглядит рабочее окно Byword в OS X:

Пустота, разве что выделяется счетчик слов и знаков в нижней части - маленькая и удобная мелочь:

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

Скриншоты кликабельны

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

Скриншоты кликабельны

Кроме того, обратите внимание на большие отступы, на красивый крупный текст, на плавные переходы у верхнего и нижнего края окна. Выглядит просто, но только на первый взгляд. Это функциональная простота. В Pages и TextEdit я увеличивал размер шрифта, чтобы он был покрупнее, а здесь такая картинка формируется самим редактором из простого текста. Настроек тоже минимум, чтобы ничего не отвлекало. Собственно, вот с такими настройками я работаю:

А вот как тот же текст выглядит, будучи открытым в TextEdit:

Весьма скученно он выглядит

Работать можно как в режиме «Форматированного текста» и тогда на выходе будет обычный файл RTF (в таком режиме можно выделять жирным, курсивом, в общем, действовать практически как в TextEdit), так и в более важном режиме Markdown, о котором мы поговорим чуть позже.

Пока же давайте взглянем на Byword для iOS , а если точнее, то для iPad. Вообще, программа универсальная, так что на iPhone работает тоже, но в телефонном режиме я ей не пользовался. В сравнении с тем же мобильным Pages приложение выглядит простенько, но удобно. Мне очень нравится крупный шрифт. В текстовом редакторе Apple он по стандарту очень мелкий и неудобный даже для Retina, приходилось руками ставить покрупнее.

Но основная фишка мобильного Byword в дополнительной панели инструментов над клавиатурой, причем ее можно листать. Там, по сути, три панельки: данные по количеству слов и символов в тексте, панель с клавишами управления курсором и часто используемыми знаками (в основном нужны для Markdown) и специализированная панель для некоторых команд Markdown, на ней тоже есть кнопки курсора.

Дополнительные панели Byword для работы с текстом. Кликабельно

Byword прекрасно работает с Dropbox , хотя есть и поддержка iCloud , включая папки. Но мне больше нравится «пролетарский» Dropbox, как-то надежней он. То есть, в этом текстовом редакторе тоже в полной мере реализуется схема, когда начал печатать на MacBook, продолжил на планшете, закончил на iPhone, при желании.

Внутри меню Dropbox можно создавать собственные папки и файлы, но вот переименовывать их и перемещать, например, из облака на устройство нельзя. Конкурент в лице iA Writer это делать позволяет, да и дополнительная панель у него удобнее для печати на экранной клавиатуре, но, повторюсь, в качестве Markdown-редактора он слабее. Прежде чем перейти к животрепещущей теме использования этого языка разметки текста, продемонстрирую базовые опции Byword для iOS, которых, как и в Mac-версии, минимум.

Набор опций невелик: выбор шрифтов, плюс стандартные возможности по работе с текстом в iOS, включая автокоррекцию, проверку орфографии (русский словарь в iOS ужасен), автоматическую вставку заглавной буквы, плюс есть поддержка TextExpander (использование буквенных сокращений для печати слов, словосочетаний или даже предложений)

Markdown для чайников

Этот раздел для достаточно продвинутых пользователей, которым часто приходится публиковать текст в интернете через админку WordPress или же другие интерфейсы. Хотя он подойдет и для тех, кто все-таки решил прокачать свой навык публикации и кому надоело руками вставлять теги, ссылки, списки и другие элементы в тексте, делающие его удобными для чтения и понимания на просторах Всемирной сети.

В отличие от HTML с десятками тегов, которые замучаешься набирать, а в специализированных редакторах - жать кнопочки, синтаксис Markdown упрощен до предела и, что самое главное, спецсимволы можно вводить прямо во время набора буквально налету. Более того, в специализированных редакторах, включая Byword, для этого приспособлены горячие клавиши, что еще больше облегчает процесс, но о таком опыте поговорим чуть позже.

Сейчас время для изучения набора базовых команд или символов , которых мне лично хватает в 99% случаев:

Выделение текста

*курсив*
**жирный**

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

• пример ввода:
  [Роман Юрьев](http://www.сайт/iNotes/author/bigbeastus)

  результат после преобразования -

Обратите внимание, что между квадратными и круглыми скобками нет пробела. Прямо внутри текста берете название ссылки в квадратные скобки, сразу за второй квадратной скобкой без пробела ставите две круглые и внутри них вставляете ссылку. Все просто и так можно сделать не отвлекаясь от набора

• Заголовки

  # Заголовок 1
  ## Заголовок 2
  ### Заголовок 3

  Результат:

  Заголовок 1

  Заголовок 2

  Заголовок 3

Перед заголовком ставите решетку, за ней пробел и дальше по аналогии.

• * Markdown крут
  * Markdown очень крут
  * Markdown убер-крут

  Результат:

Тут есть важный нюанс - чтобы конвертер верно понял команду, над списком должна быть пустая строка, а после звездочки - пробел. Также можно создавать и нумерованные списки, но тогда вместо звездочки ставится цифра с точкой, а после - пробел. Для того, чтобы создать вложенный список внутри основного списка, надо под нужным пунктом вставить пустую строку, после чего один клик на «Tab» и дальше по аналогии - звездочка→пробел→пункт списка.

• >Цитата
  >>Вложенная цитата

  Результат:

  Вложенная цитата

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

, в нее и преобразовывается поставленный перед текстом символ «> »

Я в основном пользуюсь лишь этими командами. Можно еще добавлять изображения, строить таблицы и делать другие хитрые штуки с помощью Markdown, но это уже более сложные материи, которые в жизни большинства авторов не требуются. Для маньяков вот ссылка на весь официальный синтаксис Markdown (на английском языке), а я добавлю лишь пару полезных команд :

• Для принудительного переноса строки достаточно поставить два пробела подряд - для конвертера это тег
  .
• Если в тексте нужно ввести технический символ Markdown и при этом он не должен восприняться конвертером как команда разметки, то перед ним достаточно поставить обратный слэш - «».

А теперь перейдем к самому вкусному - к работе с Markdown в Byword и к личному опыту использования такой связки.

Byword, как анаболик для Markdown

Авторы Byword приложили немало усилий для того, чтобы сделать использование Markdown еще проще и удобнее. В Mac-версии это реализовано с помощью горячих клавиш , а в iOS - специальных кнопок на дополнительной клавиатурной панели. Результат, если честно, превосходит все ожидания.

В частности, для того, чтобы обозначить текст курсивом или сделать его жирным достаточно в Byword выделить нужную часть и нажать сочетание клавиш ⌘I и ⌘B соответственно. То есть, это стандартные сочетания, применяемые в традиционных текстовых редакторах для той же операции, только в данном случае одним нажатием творится код HTML.

В версии для iPad для этого на клавиатурную панель специально выведен символ «*», а также несколько других кнопочек, которые пригодятся в быстром добавлении кодов Markdown. Более того, если выделить слово/фразу и нажать на такую кнопку, то выделенная часть будет окружена выбранным символом с двух сторон. Так можно быстро ставить скобки, например.

Такой же эффект и при нажатии на другие кнопочки в этой панели

Также я часто пользуюсь шорткатом ⌘K - это добавление ссылок. Выделили слово или выражение → клик на ⌘K (cmd+K) → вставили ссылку в открывшихся круглых скобках, слово/выражение будет окружено квадратными скобками автоматически.

В версии для iPad это тоже реализовано с помощью кнопок на клавиатурной панели:

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

После того, как с текстом и его хитрой Markdown-разметкой закончено, стоит просмотреть, как он примерно будет выглядеть на страничке - это режим Preview Markdown (шорткат ⌥⌘P в Mac-версии):

В таком режиме видно, нет ли ошибок с разметкой, все ли ссылки видны как ссылки, а не набор символов, везде ли присутствуют списки, нужное форматирование текста и т. п. Если проблем нет, то можно скопировать текст в буфер обмена в виде преобразованного HTML-кода либо экспортировать его в один из приведенных ниже форматов:

В случае версии для iOS есть еще несколько опций для экспорта:

Скопированный в буфер текст в виде HTML-кода уже можно добавлять в админку WordPress или в любое другое место, воспринимающее HTML, причем сделать это с планшета так же легко, как и с ноутбука. Единственный минус в том, что Byword копирует в буфер и преобразует весь текст, а не выделенный фрагмент.

На компьютере это в принципе и не проблема, достаточно открыть новое окно Byword с пустым файлом, вставить туда из буфера нужный кусок текста в обычном формате, а потом из этого окна уже загнать его в буфер в преобразованном в HTML-код виде, кликнув ⌥⌘C .

На планшете сложнее. Придется копировать весь текст, после чего удалять лишнее уже прямо в админке. Тем не менее, так тоже сделать не сложно, особенно если в связке с планшетом используется аппаратная клавиатура, но это немножко другая история, о которой я расскажу в самое ближайшее время, а сейчас покажу несколько примеров эффективности работы с Byword и Markdown на планшете.

Планшетная мощь Byword и Markdown

С Markdown я работаю с июня этого года, но вначале использовал iA Writer. В то время данный редактор был довольно слаб в плане поддержки этого языка разметки и в его планшетной версии таковая отсутствовала вообще. В июле была найдена альтернатива в виде Byword и вот он уже позволял делать многое.

С тех пор я написал и опубликовал очень много текстов используя только планшет. Из последних относительно сложных примеров приведу статью « » - сделана в Byword на iPad и опубликована с него же. Также моя часть полностью вся набрана в той же самой связке планшета и Byword: все ссылки, выделение текста жирным/курсивом, заголовки. Но публиковал текст и подбирал/обрабатывал изображения уже с ноутбука.

Экономия времени и экономия сил

Среди приятных плюшек преобразования в HTML из разметки Markdown также отмечу автоматическое выделение абзацев тегом «». Во многих админках мне раньше приходилось добавлять его руками, а это ну очень напрягает и невероятно скучно, особенно если публикуешь здоровенную статью. Теперь такой проблемы нет, все происходит автоматом.

Да и в целом приятно, когда закончив писать большой текст, ты затрачиваешь минимум усилий для его публикации, ведь уже практически все готово, разве что картинки надо будет загрузить в админку и добавить в текст руками. Раньше же публикация вызывала зубовный скрежет и трату очень большого количества времени и сил, особенно если выкладывать приходилось большую статью типа такой, которую вы сейчас читаете.

Благодаря Byword и Markdown эффективность труда в моем случае очень сильно возросла . Кроме того, использование единого редактора на iPad и на Mac с его бесшовной синхронизацией позволило мне работать больше и разумнее использовать время, например, в дороге, ожидая в очереди, путешествуя на поезде и т. п. В последние несколько поездок между городами я вместо того, чтобы валяться и спать или плевать в потолок и смотреть кинчики, написал несколько больших материалов и немало новостей.

Конечно, отдыхать тоже надо и дальняя дорога особенно к этому располагает, но все хорошо в меру. Когда бездельничать надоедает (а в моем случае это происходит довольно быстро - пара кинищ, несколько десятков страниц интересной книги), наступает просто скука и обида от того, что драгоценное время уходит в никуда. Теперь это в прошлом.

Надеюсь, мой опыт поможет кому-то также поднять эффективность своего труда и сэкономит немало времени, ведь оно является самым бесценным ресурсом. Берегите время, не тратьте его впустую, восполнить в будущем - не удастся. Ведь богат не тот, кто много зарабатывает, а тот, у кого есть время, чтобы тратить заработанное и насладиться плодами своего труда. Богат тот, кто может посвятить себя не только работе, но и родным, близким, друзьям. Богат тот, кто способен потратить время на самосовершенствование, кто не боится и не ленится использовать его на собственное развитие и на помощь другим людям.

Текстовые редакторы нужны всем и среди всех приложений для работы мы используем их чаще других. Существует много хороших редакторов , но людям свойственно всегда хотеть большего, поэтому разработчики создают новые и новые приложения. При этом, помимо нативных, существуют онлайн-редакторы, доступные в браузере на любой платформе. О них я вам сегодня и расскажу.

1. StackEdit

StackEdit - это бесплатный Markdown-редактор, предлагающий множество полезных функций. Он имеет панель визуального форматирования (жирный, курсив, списки и т.п.), умеет синхронизироваться с облаками (Dropbox, Google Drive), импортировать файлы по URL или с локального диска. Изюминкой StackEdit является возможность конвертации HTML в Markdown.

2. Dillinger

В Dillinger очень минималистичный интерфейс, который способствует концентрации на вашем тексте. Этот редактор имеет не только поддержку облачных сервисов Dropbox, Google Drive, One Drive, но и даже GitHub. Ваши готовые тексты можно экспортировать в HTML, Markdown и PDF. В Dillinger есть режим фокуса, в котором с экрана скрывается все, кроме набираемого текста.

3. Markable

Простой Markdown-редактор с чистым интерфейсом. Все, что он умеет (если вы не создадите аккаунт на сервисе для доступа к расширенным функциям), это работать с текстом и отображать предпросмотр сверстанного Markdown-фрагмента. Сохранить вашу работу можно, скачав текстовый файл в HTML или Markdown (.md) по предоставленной ссылке.

4. Online Markdown Editor

Хардкорный, аскетичный онлайн-редактор без заморочек. Имеет панель предпросмотра Markdown-кода и возможность конвертации в HTML.

5. Markdown Journal

Еще один довольно простенький Markdown-редактор, который синхронизируется с Dropbox. Чтобы использовать его, вы должны будете предоставить Markdown Journal доступ к папке с документами в вашем Dropbox.

6. Dingus

Dingus - это относительно старый и чрезвычайно простой Mardown-редактор, доступный в любом браузере. Он примечателен тем, что создан Джоном Грубером, отцом Markdown.

7. Markdown-Editor

Как видите, разработчики Markdown-Editor не очень заморачивались с названием. Этот редактор поддерживает разметку GitHub Flavored Markdown (GFM) и работает в связке с Google Drive.

8. (GitHub-Flavored) Markdown Editor

Еще один вариант, если вам нужен редактор с поддержкой GitHub Flavored Markdown. Он не работает с облачными хранилищами, но имеет панель предпросмотра, отображающую отформатированный Markdown-код.

9. Writebox

Writebox - бесплатный текстовый редактор с режимом фокуса и поддержкой Markdown. Когда вы начинаете печатать, он скрывает все, кроме самого текста. Отлично работает Dropbox и Google Drive, имеет поддержку горячих клавиш и позволяет скачивать ваш текст в формате html или txt.

10. wri.pe

Довольно простой онлайн-блокнот, который понимает разметку Markdown. При необходимости, может сохранить ваши тексты в Dropbox или Evernote.

Заключение

Как видите, недостатка в бесплатных онлайн-редакторах с поддержкой Markdown совершенно не ощущается. Среди всех я бы выделил StackEdit и Dillinger , оба имеют достаточный набор функций для повседневной работы, чем и отличаются от остальных.

Однако, если вы работаете над GitHub-проектами, то должны оценить преимущества Markdown-Editor и (GitHub-Flavored) Markdown Editor .

Образовательные ресурсы по Markdown

Markdown - отлично подходит для написания текстов, предназначенных для публикации в вебе. Он прост, интуитивен, не так запутан, как HTML, и разработан специально для создания текстов.

Если вас заинтересовал Markdown, вот несколько ресурсов, которые будут вам полезны.

To help you format a document according to your choice. Use Markdown Syntax to format text with Bold, Italic, Underline, Headings (H1, H2, H3, etc.), Hyperlink, Font Size, Font Color, Brackets, Tables, Bullets , and much more.

Most of these freeware markdown editors provide real time preview of the Markdown document as you edit it. These best markdown editor software also let you save your document in formats like: .TXT, .MD, .Markdown, .MDown, and .MKD . Options to export Markdown documents as HTML, PDF, and ODT are also available in some of these markdown editors. The above feature lets you convert document formatting in markdown to HTML effortlessly. Find some editors in the list which also support TeX and LaTeX to help you insert mathematical equations.

This list also includes few web browser extensions and add-ons to edit markdown document/text.

My Favourite Markdown Editor:

MarkdownPad 2 and WriteMonkey are the best markdown editor software which I like the most. MarkdownPad 2 has a lot of features and options to help you write or edit text easily. It also has various export options. WriteMonkey is a minimalistic markdown editor with loads of features. I like it for its distraction free writing environment.

MarkdownPad 2

MarkdownPad 2 is one of the best markdown editors available for Windows. It gives you the ease of writing in markdown language without any issue. The hot keys available on the tool bar lets you add markdown syntax to your document just by a simple click. These hot keys offer the most used markdown syntax, like: Bold, Italics, Headings (H1, H2, H3, etc.), Hyperlink, Upper case, Lower case, Time stamp, and Brackets . As you write your document, this markdown editor displays a real time preview of the document. If you are having trouble putting up a syntax on your document then worry not, go to Help>Documentation and click on Markdown Extra Syntax Guide, or Standard Markdown Syntax Guide. These two documents include all the important markdown syntax that you will need.

You can save your document as .MD, .Markdown, .MDown, and .TXT . There"s this option to copy the whole text in HTML formatting under the Edit Menu. You can export the document to HTML as well. Go to File Menu and click the export as HTML option.

This markdown editor is available in Free and Pro versions. The free version lets you open only 4 documents at a time, while the pro version allows unlimited document tabs. PDF export, auto save, Markdown tables, and commercial use options are available in Pro version only. Visit the Free and Pro Features Comparison page to know more.

WriteMonkey

WriteMonkey is a simplistic markdown editor with minimal details on its UI. It lets you write and edit markdown documents easily. There are no options on the UI except tiny details on the bottom right corner, which displays the Word count, and the current time. This freeware totally operates on short-cut keys. Press F1 to view the list of keyboard shortcuts. The shortcut page also displays a bunch of markdown syntax. Link to more syntax, including Textile syntax are available on the help page as well. When you are done editing a document, you can export it as HTML, or preview it to print a copy of your document. Press Ctrl+Shift+E to access export options. The three export options available are:

• Print from Preview : Preview your document in a printable format. Take a printout instantly.
• Export to default web browser : Exports your markdown document as HTML to view it on the default web browser.
• Export to MS Word : View the HTML version of your document in MS Word.

The other export options are: Include CSS style sheet template, Export file to a folder, Export as a temporary file, and Export inline comments.

Right click on the editor to view a list of options. This list includes options like: Jumps, Lookup, Export, Bookmark, Symbols, Copy as HTML, Copy as RTF, Spell Check, etc.

You may also add plugins to this markdown editor, but it is not available for free. You need to donate some amount to be able to access the plugin feature.

Haroopad

Haroopad is a cross platform markdown editor available for Windows, Mac, and Linux. This markdown editor has been primarily developed for web friendly operations. It supports all markdown syntax, giving you an ease to build your document the way you like. Apart from markdown, it also supports LaTex editing . Now you don"t need to write down mathematical equations separately in a . Embed media content to your document, transform your document into blog system, Wordpress, Tumblr, Evernote , etc. Access themes and preferences options of this markdown editor by right clicking on the editor screen.

Save your document in .MD format, and export as HTML or PDF . You can even share your document directly via Twitter, Facebook, Linkedin, and Google+.

CuteMarkEd

CuteMarkEd is another good cross platform markdown editor for Windows, and Linux based operating systems. This is a QT-based, open source freeware. The GUI of this markdown editor is divided into 3 parts: Explorer, Editor, and Preview.

The Explorer lets you directly access a file, and open it in the Editor window. Use markdown syntax to edit or write down your document in the Editor window. Apply Text Formatting, Insert Images, Insert Tables, and much more. Click on the Extras to access features like: math support and check spelling . A document can be saved in .MD, .Markdown, and . MDown formats. The document can be previewed and exported in both HTML and PDF formats.

Markdown Edit

Markdown Edit is a promising markdown editor for Windows. It is an Open Source markdown editor, loaded with many interesting features. The most interesting feature of this freeware is, that it can convert HTML to Markdown and convert DOCX to Markdown . This feature also works if you drag and drop files here. As you write or edit a document on the left side of the UI, you can view the live preview on the right in real time.

This markdown editor supports almost all markdown syntax, including CommonMark and GitHub Markdown. It also has a long list of keyboard shortcuts, which you can view by pressing F1 key. When you are done with your document, you can save it in .MD and HTML formats. You can also export the HTML of the document to clipboard. The word count, and spell check are basic options, and prove out to be advantageous.

Home Page Download Page

Qute

Qute is a multi platform markdown editor for Windows, Mac OS X, and Linux. Along with Markdown , it also supports TeX . It provides a simple and distraction free UI to write documents. Switch between full mode and preview mode to view how your document looks with markdown syntax. You can save your document in TXT format. Go to the Menu>Publish to access the options to Print, Copy source as TXT/HTML, and Export as HTML/LaTex/PDF .

Go to Config menu to be able to change the theme, and font. There are 9 different themes to choose from; all of these themes are simple and distraction free.

Home Page Download Page

MdCharm

MdCharm is another good open source markdown editor. This cross platform markdown editor is available for Windows and Linux . This freeware supports Markdown extra and MultiMarkdown . You can preview your markdown document while you write it through the Live Preview option. This feature rich markdown editor provides options like: Custom CSS, Line Numbers, Multiple Tabs, multiple Export options , etc. If you are not sure of the markdown syntax, you can always view the Markdown extra cheat sheet from the Help tool bar.

Export documents as HTML, PDF, or ODT . There are a bunch of keyboard shortcuts available; go to Setting menu to view the shortcuts.

Home Page Download Page

MarkPad

MarkPad is an advanced free open source markdown editor for Windows. Despite having a lot of features, it has a simple user interface. Get real time preview of your markdown document while you write it. It offers following features:

• Open document directly from Blog, GitHub, and more.
• Insert Images into Markdown.
• Configure Blog to directly post content there.
• Add/access hyperlink. It lets you browse a hyperlink in its own browser.

Creating a new document lets you begin with a blank page, or a Jekyll page. The Jekyll page lets you add header, title, date, etc. to your document. Save your document as .md, .markdown, .mdown, or . mkd . This markdown editor lets you open multiple documents as well. The markdown syntax list is available in the Help menu. Click on Print to print a document directly from this free markdown editor.

Home Page Download Page

DownMarker

DownMarker is a simple open source markdown editor. When you open this freeware markdown editor, the welcome screen displays option to Create a new document, Open existing document, or Open an Example markdown document. You can also see a list of recently opened files on the welcome page. Begin writing your markdown document, and click Ctrl+E to preview your markdown document. Live preview option is not available. There are shortcuts to add markdown syntax for Hyperlink, Bold, Italic, Brackets, etc.

Save your document in TXT or MD formats. You may also print your markdown document directly via this markdown editor software.

Home Page Download Page

Markdown Here (Extension for Chrome, Firefox, Safari, Thunderbird, and Opera)

Markdown Here is a multi browser add on for Chrome, Chromium, Firefox, Safari, Opera , and Email applications like: Thunderbird and Postbox . With the help of this add on you can use markdown syntax to format and stylize your text. If you are composing an email, simply write the content with markdown syntax, and click on the Markdown Here icon. You will get formatted text in the text editor. This markdown tool will work with all web text editors which support formatting. Apart from markdown, it also renders TeX, so you can easily write mathematical formulas with this markdown editor tool. They function almost the same way in all the supported browsers.

Minimalist Markdown Editor (Google Chrome Extension)

Minimalist Markdown Editor is a Google Chrome extension to edit markdown documents. This markdown editor extension is simple, and lets you write and edit documents in a separate window. This extension launches as a separate app. This markdown editor operates fully on shortcuts; click on settings to view the list of shortcuts. Change font size, change themes, and write in multiple tabs. Save your documents in .MD format. There are two preview options available on this markdown editor. You can either preview in Markdown formatting, or in HTML format. Copy the HTML document if you want.

This is one of the simplest, and versatile markdown editor for Windows.

Home Page Download Page

MarkDown Editor (Firefox Add-On)

position:="" relative="" top:="" left:="">

MarkDown Editor is a Firefox Add-on to create or edit markdown document. Click on this add-on"s icon to open a new tab in Firefox, where a markdown editor opens. This markdown editor lets you open a document on your computer, or open a URL to edit its source. Three different editor layouts are available: No preview, Horizontal preview, and Vertical preview . Once you are done editing a document, you can export it as HTML, or just copy the HTML format of the document. CSS option lets you Apply Default CSS, or Apply External CSS . Documents can be saved only in TXT format.

Home Page Download Page