Мы начинаем серию статей, посвященных планировщику задач MyLifeOrganized Windows v.5, и сегодня расскажем об одной из самых интересных функц...

Редактирование становится умнее — Markdown для MLO5

Мы начинаем серию статей, посвященных планировщику задач MyLifeOrganized Windows v.5, и сегодня расскажем об одной из самых интересных функций - Markdown.

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

Начнем с небольшого предисловия. Теперь в MLO5 есть две области для заметок и свойств задач:

1. Режим “Просмотр свойств задачи”

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

2. Режим “Редактирование свойств задачи”

Здесь вы можете управлять свойствами задач (остались практически такими же) и заметками, используя функцию Markdown, легкий и простой в использовании синтаксис для стилизации.

Режим "Просмотра" и "Редактирования" свойств задачи
Есть несколько способов переключения с одного режима на другой:
  • Просто щелкните по соответствующей иконке справа.
  • В режиме просмотра нажмите на созданную заметку - режим редактирования будет активирован автоматически. Нажмите на иконку режима просмотра, чтобы остановить редактирование. Таким образом, заметки можно быстро редактировать даже в режиме просмотра.
  • Существует комбинация клавиш для переключения режимов просмотра / редактирования. По умолчанию это Alt+~ (можно переназначить в настройках MLO).
Когда вы нажимаете на другую задачу, режим редактирования также автоматически закрывается.

Теперь давайте обсудим, как использовать сам Markdown. Данная функция отключена по умолчанию, поэтому сначала ее нужно включить: перейдите в Сервис->Настройки->Вид и отметьте галочкой “Использовать Markdown для формата заметок”.

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

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

1. Заголовки

Заголовки Setext-стиля “подчеркиваются” с помощью знака равно (заголовки первого уровня) и пунктира (второго уровня). Например:

Это H1
========
Это H2
-------------

Будет работать любое количество подчеркиваний символами “=” или “-”.
Заголовки в стиле atx используют от 1 до 6 хэш-символов в начале строки, соответствующие уровням заголовков. Например:

# Это H1
## Это H2
##### Это H5

2. Выделение

Markdown в  MLO воспринимает звездочки “*” и подчеркивания “_” как индикаторы выделения. Текст внутри одной звездочки или подчеркивания выделится курсивом, как внутри HTML тэга <em>; двойные звездочки или подчеркивания дадут полужирный шрифт, подобно тэгу HTML <strong>:

*одиночные звездочки*
_одиночные подчеркивания_
**двойные звездочки**
__двойные подчеркивания__

Примечание. Выделение также можно использовать в середине слова:
просто не*вер*оятно
Заголовки и выделение в заметках
3. Ссылки

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

Это [пример][id] ссылки типа сносок.
[id]: http://example.com/  "Название (не обязательно)"
Внутристрочные ссылки спрятаны в тексте следующим образом:
Это [пример](http://example.com/ "Заголовок") внутристрочной ссылки.
[Эта ссылка](http://example.net/) не имеет атрибута title (заголовка).

Не забывайте, что вы также можете добавить ссылку на свои задачи MLO, используя идентификатор задачи (можно найти в меню задачи Дополнительно -> Свойства или щелнуть правой кнопкой мыши -> Скопировать как -> Скопировать как локальную ссылку):
[Новая задача](\\mlo:{53070B55-A8FF-4FAD-8ECD-15D8D429FFAF})

Посмотрите, как отображаются различные ссылки:
Ссылки в заметках
Совет. Также можно добавить ссылки на сторонние сервисы (например, Evernote, Trello, Chrome). Например, ссылка на Evernote выглядит следующим образом: 
[Evernote](evernote:///view/165522/s417/c7fcd022-75e7609dec/c7fc2-4511-af8e-209dec/
)


4. Изображения

Изображения, добавленные в заметки, могут храниться в Интернете или локально на вашем ПК. Изображения, помещенные в заметки, не сохраняются в MLO и не отправляются в облако MLO.

Изображение в нашем примере (см. ниже) имеет следующий синтаксис:
![медведь](http://www.domain-name/file-location.png)

Изображения в заметках
Что касается локальных изображений, их можно добавить к заметкам ссылкой, например:
 ![игрушки](C:\Users\Michael\Pictures\Saved%20Pictures\toys.jpg)

Совет. Если название папки содержит пробелы, замените их на “%20” (см. пример выше).
Либо же поставить < > по обе стороны URL: 
![toys](<C:\Users\Michael\Pictures\Saved Pictures\toys.jpg>)


Примечание. Формат Gif также может быть добавлен в заметки задачи.

Если хотите, вы можете игнорировать разметку. Кроме того, для создания самого символа звездочки или подчеркивания в позиции, где в противном случае они использовалась бы для выделения, вы можете использовать обратную косую черту (экранирование):

\*этот текст отформатирован символами звездочки\*

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

Нравится ли вам это обновление на данном этапе? Находите ли вы его полезным? Поделитесь в комментариях.


С вдохновением,
Команда MyLifeOrganized
Life is easy when organized

8 комментариев:

  1. Пытался с помощью MarkDown вставить в заметки фото из Интернета. Не получилось, запросил доп.файлы. Я их скачал, положил в папку с MLO, но, к сожалению, желаемого эффекта не получил. С локальными файлами всё получается.
    Писал вот таким образом:
    ![бассейн](https://src.kleos.ru/file/org_image/2017/5/10/file_y7ip1.jpg)

    ОтветитьУдалить
    Ответы
    1. Проверили, ![бассейн](https://src.kleos.ru/file/org_image/2017/5/10/file_y7ip1.jpg) - работает. Попробуйте сохранить и перезайти в MLO

      Удалить
    2. ![бассейн](https://src.kleos.ru/file/org_image/2017/5/10/file_y7ip1.jpg) повторил - не работает. Работает только если https изменить на http

      Удалить
  2. Подскажите, почему такое сложное форматирование внедрили? Ведь можно было стандартные функции редактирования текста добавить в виде иконок курсива/жирного шрифта/размера шрифта... + сделать возможным использования этих функций с помощью горячих клавиш...

    Т.е. в чем преимущество редактирования текста с помощью определенного синтаксиса???

    ОтветитьУдалить
    Ответы
    1. Преимуществом Markdown является его легковесность, а также то, что исходный текст максимально читабелен. Даже на мобильном, увидев в заметке код Markdown сразу можете сказать, что вот это заголовок, а это жирный текст. Всё наглядно. Кроме того, заметка будет выглядеть точно так же и в других программах, где поддерживается Markdown (например, Trello).

      Кнопки для применения курсива/жирного шрифта/размера шрифта есть у нас в планах.

      Удалить
  3. Правильно ли я понимаю, что приложение для андроида не поддерживает такое форматирование заметок?
    У меня отображается в ПК версии, а на телефоне - просто адрес ссылки во всей красе..

    ОтветитьУдалить
    Ответы
    1. Да, функция Markdown пока не поддерживается в мобильных версиях. Но ее реализация есть в наших планах.

      Удалить
  4. Скажите, пожалуйста, будет ли возможность выбирать шрифт для Markdown-отображения? Или, возможность использовать из уже настроенный для заметок?

    ОтветитьУдалить