mod: админка (03) ImageAdmin (03) fin (пропатчено, подключили стили)

2026-06-12 00:48:12 +03:00
parent c7049f7d8d
commit fed2a1c5a0
6 changed files with 197 additions and 15 deletions
--- a/public/static/codemirror/codemirror-patch.js
+++ b/public/static/codemirror/codemirror-patch.js
@@ -0,0 +1,78 @@
+/**
+ * CodeMirror 6 - Height Control Patch
+ *
+ * Этот патч перехватывает создание CodeMirror редакторов и копирует
+ * атрибут data-height с textarea на создаваемый wrapper div.
+ *
+ * Использование в admin.py:
+ *   textarea widget: attrs={'data-height': '50px', 'data-codemirror-editor': '1'}
+ *
+ * Загружается ПОСЛЕ editor.js через Media в Admin класс.
+ */
+
+(function () {
+  'use strict';
+
+  /**
+   * Применяем высоту к уже созданным wrapper'ам
+   * (CodeMirror уже загрузился и создал обёртки)
+   */
+  function applyHeightsToExistingWrappers() {
+    // Находим все textarea'ы с data-codemirror-editor
+    document.querySelectorAll('textarea[data-codemirror-editor]').forEach((textarea) => {
+      // Соседний div (wrapper, созданный CodeMirror)
+      const wrapper = textarea.previousElementSibling;
+
+      // Проверяем что это действительно wrapper CodeMirror
+      if (wrapper && wrapper.classList && wrapper.classList.contains('cm6-editor-wrapper')) {
+        // Копируем data-height на style если указано
+        if (textarea.dataset.height) {
+          wrapper.style.height = textarea.dataset.height;
+        }
+
+        // Копируем data-width на style если указано (для ширины)
+        if (textarea.dataset.width) {
+          wrapper.style.width = textarea.dataset.width;
+          wrapper.style.minWidth = textarea.dataset.width;
+
+          // Также устанавливаем ширину на сам .cm-editor внутри wrapper
+          // Используем !important чтобы переопределить flex: 1 1 auto из CSS
+          const cmEditor = wrapper.querySelector('.cm-editor');
+          // if (cmEditor) {
+          //   cmEditor.style.cssText = `width: ${textarea.dataset.width} !important; flex: 0 0 auto;`;
+          // }
+        }
+
+        // Копируем классы с textarea если они есть
+        // (например cm6-editor-wrapper-xs, cm6-editor-wrapper-sm и т.д.)
+        if (textarea.className) {
+          // Добавляем классы из textarea (сохраняя cm6-editor-wrapper)
+          textarea.className.split(' ').forEach((cls) => {
+            if (cls && cls !== 'cm6-editor-wrapper') {
+              wrapper.classList.add(cls);
+            }
+          });
+        }
+      }
+    });
+  }
+
+  // Применяем высоты когда DOM готов
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', applyHeightsToExistingWrappers);
+  } else {
+    // DOM уже загружен
+    applyHeightsToExistingWrappers();
+  }
+
+  // Также применяем для динамически добавленных элементов (если загружают CodeMirror после инициализации)
+  const observer = new MutationObserver(() => {
+    applyHeightsToExistingWrappers();
+  });
+
+  observer.observe(document, {
+    childList: true,
+    subtree: true,
+  });
+})();
+