ewandor/roleplay-contract
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Allowing RichtextWidget to be readonly

Browse Source
This commit is contained in:
ewandor
2025-05-03 18:24:27 +02:00
parent 0a657dca4b
commit 78ffcb9b71
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
gui/rpk-gui/src/lib/crud/components/widgets/richtext/index.tsx
View File

@@ -57,7 +57,7 @@ const StyledLabelledOutlined = styled(LabelledOutlined)(({ theme }) => [{
const RichtextWidget = <T = any, S extends CrudTextRJSFSchema = CrudTextRJSFSchema, F extends FormContextType = any>( const RichtextWidget = <T = any, S extends CrudTextRJSFSchema = CrudTextRJSFSchema, F extends FormContextType = any>(
props: WidgetProps<T, S, F> props: WidgetProps<T, S, F>
) => { ) => {
const { schema, value, onChange, label, id } = props; const { schema, value, onChange, label, id, readonly } = props;
const isMultiline = schema.props.multiline === true; const isMultiline = schema.props.multiline === true;
let editorOptions: UseEditorOptions; let editorOptions: UseEditorOptions;
@@ -92,14 +92,15 @@ const RichtextWidget = <T = any, S extends CrudTextRJSFSchema = CrudTextRJSFSche
<TextContainer> <TextContainer>
<RichTextEditorProvider editor={editor}> <RichTextEditorProvider editor={editor}>
<TableBubbleMenu /> <TableBubbleMenu />
<RichTextField {!readonly && <RichTextField
controls={ controls={
<MenuControlsContainer> <MenuControlsContainer>
{isMultiline ? multilineButtons : singlelineButtons} {isMultiline ? multilineButtons : singlelineButtons}
</MenuControlsContainer> </MenuControlsContainer>
} }
variant="standard" variant="standard"
/> />}
{readonly && <RichTextField variant="standard" disabled={true}/>}
</RichTextEditorProvider> </RichTextEditorProvider>
</TextContainer> </TextContainer>
<RightContainer>&nbsp;</RightContainer> <RightContainer>&nbsp;</RightContainer>