rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add link extension support and styling to editor components

Browse source
This commit is contained in:
swve 2025-04-17 15:25:29 +02:00
parent 1350cb7354
commit e6d7e881e3
7 changed files with 297 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

18
apps/web/components/Objects/Editor/Editor.tsx
View file

@ -32,6 +32,8 @@ import TableRow from '@tiptap/extension-table-row'
import ToolTip from '@components/Objects/StyledElements/Tooltip/Tooltip'
import Link from 'next/link'
import { getCourseThumbnailMediaDirectory } from '@services/media/media'
import { getLinkExtension } from './EditorConf'
import { Link as LinkExtension } from '@tiptap/extension-link'
// Lowlight
@ -151,6 +153,7 @@ function Editor(props: Editor) {
TableRow,
TableHeader,
TableCell,
getLinkExtension(),
],
content: props.content,
immediatelyRender: false,
@ -204,7 +207,7 @@ function Editor(props: Editor) {
props.org?.org_uuid,
props.course.course_uuid,
props.course.thumbnail_image
) : getUriWithOrg(props.org?.slug,'/empty_thumbnail.png')}`}
) : getUriWithOrg(props.org?.slug, '/empty_thumbnail.png')}`}
alt=""
></EditorInfoThumbnail>
</Link>
@ -459,6 +462,19 @@ export const EditorContentWrapper = styled.div`
margin-bottom: 10px;
}
// Link styling
a {
color: #2563eb;
text-decoration: underline;
cursor: pointer;
transition: color 0.2s ease;
&:hover {
color: #1d4ed8;
text-decoration: none;
}
}
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;