Insert the editor stylesheet as the first style

This change allows overruling the editor’s CSS using the same selectors.

diff --git a/com.woltlab.wcf/templates/wysiwyg.tpl b/com.woltlab.wcf/templates/wysiwyg.tpl
index 225e1c0b2b34dee39a1e8310e92ef2e4aa55b044..c5783014ba23ab80c63e1cb27d4a554e3eadf662 100644 (file)
--- a/com.woltlab.wcf/templates/wysiwyg.tpl
+++ b/com.woltlab.wcf/templates/wysiwyg.tpl
@@ -12,7 +12,7 @@
                stylesheet.href = "{$__wcf->getPath()}style/ckeditor5.css";
                stylesheet.id = "ckeditor5-stylesheet";
 
-               document.head.append(stylesheet);
+               document.querySelector('link[rel="stylesheet"]').before(stylesheet);
        }
 }
 </script>

diff --git a/wcfsetup/install/files/acp/templates/wysiwyg.tpl b/wcfsetup/install/files/acp/templates/wysiwyg.tpl
index 225e1c0b2b34dee39a1e8310e92ef2e4aa55b044..c5783014ba23ab80c63e1cb27d4a554e3eadf662 100644 (file)
--- a/wcfsetup/install/files/acp/templates/wysiwyg.tpl
+++ b/wcfsetup/install/files/acp/templates/wysiwyg.tpl
@@ -12,7 +12,7 @@
                stylesheet.href = "{$__wcf->getPath()}style/ckeditor5.css";
                stylesheet.id = "ckeditor5-stylesheet";
 
-               document.head.append(stylesheet);
+               document.querySelector('link[rel="stylesheet"]').before(stylesheet);
        }
 }
 </script>