#codemirror

04.10.2019, 01:16:51

#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ę.

l3g1t

04.10.2019, 05:40:50

@look997:
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:

look997

04.10.2019, 11:45:46

@delta13: No i nie o takie coś mi chodzi, mają być same właściwości.
Pary:

nazwa: wartość;
nazwa: wartość;
(...)

Bez selektora i nawiasu klamrowego.
A podpowiedzi itd. powinny być.

@l3g1t:

look997

23.09.2019, 19:12:09

#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ę.