#codemirror #javascript #css #frondend #webdev #devtools
Jak użyć CodeMirror, żeby w textarea wyświetlać same właściwości CSS?
Po prostu wklejone z element.style.cssText.
Chcę mieć w tym polu tekstowym kolorowanie składni, podpowiedzi itp. z CodeMirror?
Coś jak w panelu bocznym w Inspektorze w DevToolsach.
Później taki przygotowany styl chcę sobie sam skopiować gdzie potrzebuję.
Jak użyć CodeMirror, żeby w textarea wyświetlać same właściwości CSS?
Po prostu wklejone z element.style.cssText.
Chcę mieć w tym polu tekstowym kolorowanie składni, podpowiedzi itp. z CodeMirror?
Coś jak w panelu bocznym w Inspektorze w DevToolsach.
Później taki przygotowany styl chcę sobie sam skopiować gdzie potrzebuję.
Jak użyć CodeMirror, żeby w textarea wyświetlać same właściwości CSS?
Po prostu wklejone z element.style.cssText.
Chcę mieć w tym polu tekstowym kolorowanie składni, podpowiedzi itp. z CodeMirror.
Coś jak w panelu bocznym w Inspektorze w DevToolsach.
Później taki przygotowany styl chcę sobie sam skopiować gdzie potrzebuję.
Nie wiem czy ci pomogę ale może chociaż naprowadzę bo nie chce mi się zbytnio czytać całej dokumentacji tego.
https://codemirror.net/demo/complete.html
zobacz na przykład, ładujesz prócz codemirror 2 dodatki
addon/hint/show-hint.js
addon/hint/css-hint.js
i css od hintów
addon/hint/show-hint.css
ustawiasz tryb na 'css' albo 'text/css'
i ustawiasz klawisz po ktorego nacisnieciu pokazuja się podpowiedzi, ewentualnie piszesz tam sobie własną funkcje od tego (https://codemirror.net/doc/manual.html#addon_show-hint ) w przykładzie to jest ctrl + space :
extraKeys:
Pary:
nazwa: wartość;
nazwa: wartość;
(...)
Bez selektora i nawiasu klamrowego.
A podpowiedzi itd. powinny być.
@l3g1t: