Ако пишете за веб, можда бисте желели да погледате Маркдовн. Постоји много Маркдовн апликација које служе веб писцима. Али бесплатни уређивачи кода као што је Мицрософтов Висуал Студио Цоде (ВСЦоде) могу бити још моћнији.

ВСЦоде разуме Маркдовн и има уграђене алате за преглед у ХТМЛ-у. Међутим, можете додати функционалност процесора текста као што је бројање речи и провера правописа. Можда ћете желети да омогућите прилагођавања специфична за веб локацију за прегледник.

Коначно, неопходна је могућност копирања Маркдовн-а као ХТМЛ-а тако да га можете чисто налепити у систем за управљање садржајем (ЦМС).

Преузмите и инсталирајте ВСЦоде

За почетак, преузмите ВСЦоде или његову алтернативу ВСЦодиум отвореног кода. Сваке верзије су доступне за све главне оперативне системе за десктоп рачунаре.

Једном када сте преузели и инсталирали ВСЦоде, покрените апликацију да бисте започели.

Инсталирајте проширење за број речи

Почните додавањем бројача речи. Постоји много доступних екстензија које се баве овим. Оно које најбоље разликује стварне речи и кода или имена датотека је Мицрософт-ово сопствено проширење Ворд Цоунтер.

instagram viewer

Преузимање:Број речи ВСЦоде Ектенсион (бесплатно)

  1. Кликните на Довнлоад Ектенсион испод Ресурси у доњем десном окну.
  2. Након преузимања, пређите на ВСЦоде.
  3. Кликните на икона зупчаника у доњем левом углу интерфејса.
  4. Кликните на Екстензије.
  5. Кликните на елипсу (...) при врху окна Ектенсионс.
  6. Кликните Инсталирајте са ВСИКС-а.
  7. Изабрати мс-всцоде.вордцоунт-*.всик датотеку коју сте управо преузели.

Тхе Број речи сада треба инсталирати проширење. Тестирајте га отварањем нове Маркдовн датотеке и куцањем. Сада би требало да видите бројач речи у доњој левој страни интерфејса:

Инсталирајте проширење за проверу правописа

Такође ћете желети да додате функцију провере правописа. Као и код бројача речи, постоји много екстензија које се баве провером правописа. Најпопуларнији је Провера правописа кода од стране Стреет Сиде Софтваре јер је доступан на многим језицима.

Преузимање:Провера правописа кода ВСЦоде Ектенсион (бесплатно)

  1. Пратите кораке од 1 до 6 из горњег одељка.
  2. Изабрати стреетсидесофтваре.цоде-спелл-цхецкер-*.всик датотеку коју сте управо преузели.

Тхе Провера правописа кода сада треба инсталирати проширење. Тестирајте га тако што ћете отворити нову Маркдовн датотеку и укуцати погрешно написане речи.

Требало би да видите плаву вијугаву линију испод тих речи заједно са бројем грешака у доњој десној страни интерфејса:

Прилагодите грешку Скуиггле

Највећи проблем са овим екстензијом за проверу правописа је слаба плава боја која се користи за испис који идентификује грешке. Има тенденцију да се уклопи у позадину тамних тема и поново се користи за друге Маркдовн елементе.

Можете покушати да га промените у подебљану црвену боју као што бисте очекивали да видите у процесору текста:

  1. Кликните на икона зупчаника у доњем левом углу интерфејса.
  2. Кликните на Подешавања.
  3. Кликните на Воркбенцх, онда Изглед.
  4. Померите се надоле до Прилагођавање боја:
  5. Кликните Измените у сеттингс.јсон.
  6. Налепите следећи код у уређивач који се отвара у новој картици:
    "едиторИнфо.форегроунд": "#фф0000"
  7. Затворите и сачувајте датотеку.

Сада, ако погрешно напишете реч, ВСЦоде ће је украсити јарко црвеном шаром:

Игнорисање лажних позитивних резултата

Провера правописа можда неће препознати одређене термине специфичне за индустрију или властите именице као што су називи компанија. На слици изнад, на пример, ВСЦоде истиче скраћеницу „дистро“ као погрешно написану.

Да бисте престали да видите ове речи као грешке, пожелећете да их додате у своју Подешавања корисника.

  1. Кликните десним тастером миша на реч коју желите да провера правописа игнорише.
  2. Лебде над Правопис и изаберите Додајте речи у корисничка подешавања.

Од сада, провера правописа више неће идентификовати ове речи као нетачне:

Инсталирајте Цопи Маркдовн као ХТМЛ проширење

Затим инсталирајте Цопи Маркдовн као ХТМЛ екстензију да бисте могли да копирате и налепите форматиран Маркдовн.

Преузимање:Копирајте Маркдовн као ХТМЛ ВСЦоде Ектенсион (бесплатно)

  1. Пратите кораке од 1 до 6 из горњих одељака.
  2. Изабрати јерриепелсер.цопи-маркдовн-ас-хтмл-1.1.0.всик датотеку коју сте управо преузели.

Сада би требало да будете у могућности да копирате Маркдовн из ВСЦоде-а и налепите га у ЦМС као чисти ХТМЛ. Да бисте ово тестирали:

  1. Изаберите неки Маркдовн текст.
  2. Отвори Командна палета у Поглед мени, или притиском на ЦТРЛ+Схифт+П.
  3. Изабери Маркдовн: Копирај као ХТМЛ:
  4. Налепите копирани Маркдовн у нову ХТМЛ датотеку.

Требало би да видите да је копирани Маркдовн правилно налепљен као ХТМЛ:

Прилагођавање окна за преглед

Подразумевано, окно за преглед ће имати исти стил као тренутна тема ВСЦоде.

Међутим, можда ћете желети да прегледи ближе одражавају крајње одредиште вашег садржаја. Можете да прилагодите окно за преглед да би ваш Маркдовн изгледао као да је већ на веб локацији на којој објављујете.

Можете користити било коју веб локацију коју желите; следећи стилови су преузети из МУО. Само користите алатку прегледача за преглед елемената да бисте пронашли фонтове и изаберите боје са било које веб странице.

  1. Направите нову датотеку и назовите је нешто попут "ЦустомСтилес.цсс"
  2. Налепите следећи пример ЦСС кода у датотеку:
    тело {
     боја позадине: #ффф;
     боја: #2ц2ц2ц;
     фонт-фамили: Робото;
     фонт-сизе: 18пк;
     фонт-веигхт: 400;
    Висина линија: 1.7ем;
     мак-видтх: 750пк;
    }
    х1 {
     фонт-сизе: 38пк;
     фонт-веигхт: 800;
    }
    

    х2 {
     фонт-сизе: 34пк;
     фонт-веигхт: 700;
    }
    

    х3 {
     фонт-сизе: 24пк;
     фонт-веигхт: 700;
    }
    

    а {
     ивица доле: 2пк солид #бф0д0б;
     боја: #бф0д0б;
     фонт-веигхт: 700;
    }
    

    а:лебдети {
     боја: #ффф;
     позадина: #бф0д0б;
    }
    јак {
     фонт-веигхт: болд;
    }
  3. Затворите и сачувајте датотеку.
  4. Кликните на икона зупчаника у доњем левом углу интерфејса.
  5. Кликните на Подешавања.
  6. Кликните на Екстензије и онда Маркдовн.
  7. Померите се надоле до Маркдовн: Стилови и кликните Додајте ставку.
  8. Уђите на пут свог ЦустомСтилес.цсс фајл, на пример:
    Ц:\Корисници\Адам\ЦустомСтилес.цсс
  9. Кликните У реду.

Када их направите, требало би да добијете окно за преглед који много личи на овај чланак.

Опет, добио сам ове вредности користећи алатку Инспецт Елемент у мом претраживачу на МУО-у, али ћете желети да пронађете вредности за своју веб локацију одредишта.

Едитор Тхемес

Подразумевана тема ВСЦоде долази у тамној и светлој боји, са верзијама са високим контрастом сваке. Али као и сваки добар уређивач кода, постоје на располагању је мноштво сјајних тема независних произвођача.

Ако више волите изглед Ворд процесора него уређивача кода, препоручујем Оффице тему од хуацата:

Ако више волите уређивач кода, уобичајене теме као што су Драцула, Грувбок, Материал (погледајте снимак екрана испод) и Норд су доступне на тржишту екстензија.

Да бисте инсталирали нову тему:

  1. Кликните на икона зупчаника у доњем левом углу интерфејса.
  2. Кликните на Екстензије.
  3. Потражите било коју од горе наведених тема или једноставно филтрирајте категорију Теме и прегледајте шта је доступно.

Да ли је ВСЦоде Ултимате Маркдовн Едитор?

Дакле, да ли је ВСЦоде ултимативни Маркдовн едитор за веб садржај? Изван кутије, вероватно не. Али то је отприлике онолико прошириво колико све може бити.

Бројачи речи, провера правописа, Копирај Маркдовн као ХТМЛ, прилагођавања прегледа и теме само загребу површину. Постоји екосистем пун екстензија доступних за ВСЦоде, а ви сте слободни да га направите својим.