Skip to main content

Editor

Interfaces

EditorProps

Properties

PropertyTypeDescription
action?ReactNodeAction to add to actions
className?stringOverrides or extends the styles applied to the component. Default null
defaultValue?stringDefault value for the editor Default null
editable?booleanIs the content of the editor read only Default true
id?stringId of the feed object Default 'poll'
isLessonCommentEditor?booleanProp to customize emoji plugin position Default false
MediaPluginProps?MediaPluginPropsProps to spread to MediaPlugin. Default {}
onBlur?(event) => voidHandler for blur event of the editor Default null
onChange?(value) => voidHandler for change event of the editor Default null
onFocus?(event) => voidHandler for focus event of the editor Default null
onMediaChange?(media) => voidHandler for change media in the editor Default null
placeholder?ReactNodeThe text displayed when the editor is empty Default <FormattedMessage id="ui.editor.placeholder" defaultMessage="ui.editor.placeholder" />
toolbar?booleanShow the toolbar on top of the editor, elsewhere show buttons at the bottom of the editor Default false
ToolBarProps?ToolbarPluginPropsProps to spread to ToolBar. Default {}
uploadFile?booleanThis editor can upload files Default false
uploadImage?booleanThis editor can upload images and insert into the html dom Default false

Type Aliases

EditorRef

EditorRef = object

Properties

PropertyType
focus() => void

Variables

editor

editor: ForwardRefExoticComponent<EditorProps & RefAttributes<EditorRef>>

Functions

EditorSkeleton()

EditorSkeleton(): Element

API documentation for the Community-JS Editor Skeleton component. Learn about the available props and the CSS API.

Import

import {EditorSkeleton} from '@selfcommunity/react-ui';

Component Name

The name SCEditor-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCEditor-skeleton-rootStyles applied to the root element.

Returns

Element