Użytkownik:Angelfrost/Wikikod w N++

Z MruczekWiki

Aktualizacja: Firma Mruczek Mruczkowski S.A. 10 maja 2019 dodała na MW dodatek CodeMirror umożliwiający podświetlanie składni, dlatego pisanie w Notepadzie++ nie jest już konieczne jeżeli ktoś pragnie tego aspektu!

Jako że głównie artykuły na MW piszę w kodzie źródłowym aka tzw. "wikikodzie" i robię to najczęściej lokalnie aby dopracować artykuł przed publikacją (używam najczęściej programu Notepad++) to postanowiłem trochę się pobawić aby podświetlało składnię MediaWiki xD

W programie jest obecna funkcja "Define your language..." która pomimo swoich ograniczeń pozwala podkreślać niektóre elementy składni MediaWiki.

Po ~2-3h zabawy wygląda to następująco (wiem, że kolory mogą być mało czytelne ale dobierałem pod siebie xD):

Działa w oparciu o styl Dracula do N++ bo z takiego korzystam xd

Póki co poprawnie obsługuje:

  • pogrubienie i podkreślenie
  • listy numerowane i nienumerowane
  • nagłówki (do 6. poziomu)
  • linki (strony, pliki)
  • tabele
  • znaczniki html (<ref>, <math>)
  • atrybuty (tabel, znaczników)
  • kategorie (+linki do kategorii)
  • funkcje specjalne: #REDIRECT, #PATRZ, __TOC__, __FORCETOC__, __NOTOC__; podpisy ~~~~ (z datą) i ~~~ (bez daty)
  • spacja niełamliwa &nbsp;
  • komentarze

Jak zainstalować

  1. Pobierz styl Dracula do N++ i ustaw go w zakładce Style configurator w Settings (chyba że chcesz sobie ręcznie pozmieniać jak korzystasz z innego xD)
  2. Pobierz plik XML stylu
  3. W Notepadzie++ kliknij u góry w menu Language i wybierz Define your language...
  4. Kliknij przycisk Import... i wybierz pobrany wcześniej plik XML.

Aktualizacje

Być może w przyszłości znowu się pobawię aby nieco poprawić podkreślanie :| Aczkolwiek póki co mi wystarcza.

I tak prawdopodobnie będzie to kolejna rzecz którą zrobie, przyzwyczaje się i zapomne xD

Wikikod w Atomie

Dla stylu Monokai:

.theme-monokai {
	@import "packages/monokai/styles/colors.less";

	// MediaWiki

	.syntax--mediawiki.syntax--bold {
		font-weight: bold;
	}

	.syntax--mediawiki.syntax--italic {
		font-style: italic;
	}

	.syntax--mediawiki.syntax--heading {
		color: @pink;
	}

	.syntax--mediawiki.syntax--link.syntax--wiki * {
		color: @purple;
	}

	.syntax--mediawiki.syntax--link.syntax--external {
		color: @blue;
		text-decoration: underline;
	}

	.syntax--mediawiki.syntax--template {
		color: @green;
	}

	.syntax--mediawiki.syntax--raw {
		background-color: rgba(0, 0, 0, 0.3);
	}
}