> For the complete documentation index, see [llms.txt](/llms.txt).
> The full corpus is at [llms-full.txt](/llms-full.txt).

# PortableTextEditable

> `const` **PortableTextEditable**: `ForwardRefExoticComponent`\<`Omit`\<[`PortableTextEditableProps`](/api/editor/type-aliases/portabletexteditableprops/), `"ref"`\> & `RefAttributes`\<`Omit`\<`HTMLDivElement`, `"as"` \| `"onPaste"` \| `"onBeforeInput"`\>\>\>

Defined in: packages/editor/src/editor/Editable.tsx:101

The core component that renders the editor. Must be placed within the [EditorProvider](/api/editor/functions/editorprovider/) component.

## Example

```tsx
import { PortableTextEditable, EditorProvider } from '@portabletext/editor'

function MyComponent() {
 return (
  <EditorProvider>
   <PortableTextEditable />
 </EditorProvider>
 )
}
```