Implement Jodit Wysiwyg editor and sanitize functions

This commit is contained in:
Florian Zumpe
2026-05-20 11:20:33 +02:00
parent 6a37be1ce8
commit b6fd4d5f4c
9 changed files with 6287 additions and 25 deletions
+41 -2
View File
@@ -102,7 +102,35 @@
box-sizing: border-box;
}
.user-notes-textarea {
.user-notes-content .jodit-container {
flex: 1 1 auto;
width: 100% !important;
height: 100% !important;
min-width: 0;
min-height: 0;
box-sizing: border-box;
}
.user-notes-content .jodit-workplace {
min-height: 0 !important;
}
.user-notes-content .jodit-wysiwyg {
min-height: 0 !important;
background: var(--user-notes-textarea-background, rgba(255, 255, 255, 0.92));
color: var(--user-notes-textarea-color, #111111);
}
.user-notes-content .jodit-toolbar__box {
flex: 0 0 auto;
}
.user-notes-content .jodit-status-bar {
display: none;
}
.user-notes-editor {
flex: 1 1 auto;
width: 100%;
@@ -127,7 +155,18 @@
line-height: 1.35;
}
.user-notes-textarea:focus {
.user-notes-editor:focus {
outline: 1px solid var(--color-border-highlight, #ff6400);
outline-offset: 0;
}
.user-notes-window table {
border-collapse: collapse;
width: auto;
}
.user-notes-window th,
.user-notes-window td {
border: 1px solid currentColor;
padding: 0.25rem 0.4rem;
}