Utwórz edytor CodeMirror i jego rynnę o wysokości 100% kontenera

Question

Jak utworzyć edytor CodeMirror i jego rynnę w 100% wysokości jego obiektu nadrzędnego?

Na przykład na jsfiddle edytory mają 100% szare rynny.

Przeszedłem przez CSS próbując zrobić wszystko 100% wysokości, ale bez efektu.

Answer 1

Reguła CSS, taka jak .CodeMirror { height: 100%; } powinna działać. Zwróć uwagę, że gdy element nadrzędny zmienia rozmiar po inicjalizacji edytora, jesteś odpowiedzialny za wywołanie .refresh() w instancji CodeMirror, aby upewnić się, że poprawnie rysuje się.

Answer 2

Wykazując CodeMirror zapis:

CodeMirror.setSize("100%", "100%");