Typora – большой обзор лучшего MD редактора

Typora – большой обзор лучшего MD редактора

Стоит признаться, я помешан на заметочниках. В то время, как многие люди выбирают одно приложение и придерживаются его повседневно, моя одержимость заставляет менять их практически каждую неделю. Сначала, как и у многих, это был Evernote. Следом я успел опробовать в этой роли Nimbus, Notion, Notesnook, UpNote и многие другие программы. Но несмотря на все эти перебежки, лишь одно оставалось неизменным – моя любовь к Markdown и к одному редактору в частности. И имя ему Typora.

Что такое Typora?

typora-bolshoi-obzor-luchshego-md-redaktora-1

Typora – это минималистичный markdown-редактор для десктопов с продвинутой поддержкой разметки и удобной интеграцией WYSIWYG. По сути это очередная итерация “distraction-free” редактора, вроде AI Writer, Ghostwriter или Abricotine. Чем же он тогда выделяется на их фоне? На самом деле многим.

Например только в Typora, в сравнении с вышеупомянутыми примерами, есть рендеринг разметки по ходу редактирования. А это значит, что все символы синтаксиса markdown не будут мозолить глаза при работе с текстом. Также, Typora без плагинов предлагает поддержку Tex/LaTeX и Mermaid диаграмм, а многие их составные модули можно активировать или выключить за ненадобностью прямо из настроек. Но это лишь верхушка айсберга.

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

Внешний вид

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

typora-bolshoi-obzor-luchshego-md-redaktora-2

Боковая панель выполняет сразу несколько функций. Во-первых, она позволяет отображать заметки либо в виде древа файлов, либо на манер Evernote – списком статей.

typora-bolshoi-obzor-luchshego-md-redaktora-3
typora-bolshoi-obzor-luchshego-md-redaktora-4

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

typora-bolshoi-obzor-luchshego-md-redaktora-5n

Остальные элементы вынесены в глобальное меню, которое на Windows и Linux устройствах отдалённо напоминает реализацию меню в MS Office.

typora-bolshoi-obzor-luchshego-md-redaktora-6

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

typora-bolshoi-obzor-luchshego-md-redaktora-7

А что насчёт редактора? Продвинутые пользователи Markdown, как и всегда, могут писать синтаксис прямо на ходу вместе с основным текстом заметки. При этом каких-либо WYSIWYG панелей на экране для этого не предусмотрено. А вот новички и любители в свою очередь оценят контекстное меню, которое содержит практически весь функционал. При этом наиболее необходимые функции вынесены в основной ряд кнопок, а остальные спрятаны в подменю для удобства и компактности.

typora-bolshoi-obzor-luchshego-md-redaktora-8

В целом интерфейс создаёт ощущение “прилизанности” и старается не бросаться в глаза пользователю.

Возможности редактирования

Typora работает на GFM (Github Flavored Markdown) и предлагает практически полный список возможностей Markdown без дополнительных плагинов. Чтобы в полной мере иметь представление о поддерживаемых элементах, предлагаю следующую сводную таблицу под катом:

[spoiler title=”Поддерживаемые элементы MD”]

Элементы MDПоддержка
Форматирование текстаДа (Полужирный, Курсив, Зачёркнутый, Выделение, Подстрочный, Надстрочный)
ЗаголовкиДа
Параграфы (Абзацы)Да
Разрыв строкиДа
Горизонтальный разделительДа
ЦитатыДа
СпискиДа (Упорядоченные и Неупорядоченные)
КодДа
Блоки кодаДа
Подсветка кодаДа (около 100 языков)
СсылкиДа
КартинкиДа
Списки задачДа
СноскиДа
ТаблицыДа
[/spoiler]

Кратко пробежимся по основным возможностях редактирования.

Форматирование текста

Редактор Typora “заряжен” как классическими элементами форматирования markdown, вроде полужирного текста и курсива, так и более продвинутыми вариантами, которые по умолчанию выключены в настройках для лучшей совместимости с другими редакторами. Среди них:

  • Подсветка (или выделение) текста;
  • Подстрочное или надстрочное положение текста;
  • Зачёркнутый или подчёркнутый текст.
typora-bolshoi-obzor-luchshego-md-redaktora-9

Среди прочего, Typora позволяет устанавливать сноски, которые легко прочитываются в заметке при помощи всплывающих окон.

typora-bolshoi-obzor-luchshego-md-redaktora-10

Заголовки и параграфы

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

typora-bolshoi-obzor-luchshego-md-redaktora-11
typora-bolshoi-obzor-luchshego-md-redaktora-11.5

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

typora-bolshoi-obzor-luchshego-md-redaktora-12

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

typora-bolshoi-obzor-luchshego-md-redaktora-13

Таблицы

В Typora пользователь не сможет добиться функциональности таблиц, как в каком-нибудь Word или Google Docs, однако они всё равно есть, и предлагают неплохой интерфейс для редактирования.

typora-bolshoi-obzor-luchshego-md-redaktora-14

При этом есть возможность менять местами строчки или колонки при помощи мыши.

typora-bolshoi-obzor-luchshego-md-redaktora-15

Блоки кода

Какой же Markdown без блоков кода? Typora поддерживает эту возможность, а также предоставляет подсветку для обширного списка языков. Помимо этого, можно установить нумерацию строк.

typora-bolshoi-obzor-luchshego-md-redaktora-16

Картинки

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

  • Выбранная папка пользователя;
  • Корневая папка заметки;
  • Отдельная папка для всех изображений .assets;
  • Отдельная папка для каждой заметки в формате имя_заметки.assets.

Добавлять изображения в программу можно простым Drag & Drop, при этом рендеринг в заметке происходит моментально.

typora-bolshoi-obzor-luchshego-md-redaktora-17

Проверка орфографии

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

typora-bolshoi-obzor-luchshego-md-redaktora-18

Математические формулы

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

typora-bolshoi-obzor-luchshego-md-redaktora-19

Typora использует MathJax для рендеринга формул и предлагает конечному пользователю большинство модулей из коробки. Это, например, позволяет использовать химические уравнения.

Диаграммы

Ну и наконец, нельзя не отметить функционал связанный с созданием диаграмм. Typora использует реализацию Mermaid и flowchart.js, что позволяет генерировать различные виды диаграмм, если вы знакомы с текстовым синтаксисом этих инструментов.

typora-bolshoi-obzor-luchshego-md-redaktora-20

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

И это не все возможности, на которые способен Typora. Остальное вы можете испытать самостоятельно абсолютно бесплатно в рамках 15-дневного триала.

Два слова о конфиденциальности

Будучи человеком, отдающим предпочтение open-source разработкам, не могу не затронуть данную тему. Стоит иметь в виду, что Typora – это заметочник с закрытым кодом, но это не значит, что редактор пытается заполучить любые данные с вашего компьютера и отправить их разработчику. Обращаю внимание на то, что:

  1. Typora по умолчанию отправляет разработчикам телеметрию, а именно:
    • общие данные об устройстве (ОС, локализация, страна нахождения и др.);
    • время, проведённое в Typora;
    • наиболее частые операции в программе (только список типовых действий без подробных логов);
    • некоторые настройки программы, вроде используемой темы или стиля окна.
  2. Активация лицензии требует актуальный адрес электронной почты.

Но при этом пользователь может:

  1. Отключить сбор телеметрии из настроек приложения;
  2. Активировать Typora в оффлайн-режиме.

При этом проверка при помощи ProcessHacker показывает, что с выключенной телеметрией Typora абсолютно чиста в плане сетевой активности. Приложение действительно не выходит в интернет, и не передаёт никаких данных.

typora-bolshoi-obzor-luchshego-md-redaktora-21

В общем, ничего такого, о чём стоило бы волноваться обычному пользователю.

Так почему же Typora – это лучший MD редактор?

Те, кто регулярно читают Homehosted знают, что с появлением домашнего сервера я начал использовать для своих заметок связку из Obsidian и Nextcloud Notes. Obsidian, безусловно, хороший инструмент, но многое в нём надо настраивать, чтобы привести его в удобный для себя вид. Более того, он больше подходит для создания личной библиотеки знаний. Typora же более приземлённый инструмент, и поэтому с недавних пор он стал для меня редактором для работы над статьями, обзорами и прочими творческими записями. И, пожалуй, в этом данный редактор и силён.

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

И как раз для таких людей Homehosted устраивает небольшой розыгрыш!

Обсуждение: 1 комментарий
  1. Андрей
    Ответить

    До того, как прочитать данную статью, я не слышал о Typora. Было бы интересно пощупать данный редактор и сравнить с тем же Notion. Вот что мне приглянулось:

    1) Предварительный просмотр в реальном времени

    Typora немедленно отображает то, что напечатано на экране, в формате Markdown.

    2) Поддержка выражений LaTeX

    3) Поддержка пользовательских тем

    Typora имеет красивые встроенные темы, а также позволяет пользователям создавать новые темы с помощью CSS.

    4) Поддержка таблиц

    А также предоставляется графический интерфейс, облегчающий их вставку и редактирование.

    5) Кроссплатформенность

    Работает на Windows, Mac и Linux.

    6) Создание графиков и диаграмм с помощью Mermaid, FlowChart и Sequence.

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *


HomeHosted

Что будем искать? Например,Cloudron

Мы в социальных сетях