Есть ли способ создать пользовательскую функцию в Markdown? - PullRequest
Новая
       13

Есть ли способ создать пользовательскую функцию в Markdown?

0 голосов
/ 31 декабря 2018

Создал блог, используя страницы Jekyll и git hub.Мне нужно сделать отступ, чтобы выровнять список расходов.Я нашел способ, как, но я хотел бы вставить это в функцию.

Пример:

  1. Сумма расходов подрядчика - 6800
  2. Отопление и воздух -$ 5 100
  3. Холодильник и плита - $ 1100
  4. Покупки в хозяйственном магазине - $ 5000
  5. Разное - $ 2000

Я бы хотел, чтобы все суммы были в строкеup.

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

Еще одно предложение - Tab+Space, но в середине текста это не работает.

Оттот же пост, я пытался использовать Alt+0+1+6+0, и это, кажется, работает.

Ожидаемые результаты будут выглядеть следующим образом.

  1. Сумма расходов подрядчика - TAB; $ 6800
  2. Отопление и воздух - TAB;(5) $ 5 100

1 Ответ

0 голосов
/ 31 декабря 2018

В качестве ответа на этот вопрос SO говорится:

Это невозможно сделать с помощью встроенных функций уценки.Однако уценка позволяет встроенный HTML ...

Есть несколько способов сделать это.Вы можете использовать элемент <table>, где HTML выглядит так: 

<table>
  <tr><td>Sum of Contractor expenses</td><td>$6,800</td></tr>
  <tr><td>Heating and Air</td><td>$5,100</td></tr>
  <tr><td>Fridge and Stove</td><td>$1,100</td></tr>
  <tr><td>Hardware store purchases</td><td>$5,000</td></tr>
  <tr><td>Miscellaneous</td><td>$2,000</td></tr>
</table>

Или вы можете использовать имена классов и CSS, где HTML выглядит следующим образом: 

<div>
  <span class="description">Sum of Contractor expenses</span>
  <span class="cost">$6,800</span>
</div>
<div>
  <span class="description">Heating and Air</span>
  <span class="cost">$5,100</span>
</div>
<div>
  <span class="description">Fridge and Stove</span>
  <span class="cost">$1,100</span>
</div>
<div>
  <span class="description">Hardware store purchases</span>
  <span class="cost">$5,000</span>
</div>
<div>
  <span class="description">Miscellaneous</span>
  <span class="cost">$2,000</span>
</div>

И CSS выглядит следующим образом: 

.description { width: 100px }
.cost { width: 30px; text-align: right; }

Примечание 1: Вам нужно будет поиграть с шириной, чтобы выровнять вещи так, как вы хотите.

Примечание 2: Вы можететакже применяйте имена классов и CSS к тегам <td> в <table>.

...