Plain Text Editor

Example

Usage

		<script lang="ts">
	import { PlainTextEditor } from '@foxui/text';

	let content = $state('');
</script>

<PlainTextEditor bind:content placeholder="Write something..." />

API Reference

PlainTextEditor

A plain text editor powered by TipTap, with optional single-line mode.

Property Type Description

content $bindable

Content

The editor content (TipTap Content type). Default: ''

placeholder

string

Placeholder text. Default: ''

allowMultiline

boolean

Whether to allow multiple lines of text. Default: false

editor $bindable

Editor

The TipTap Editor instance. Default: —

onupdate

function

Callback invoked when the text content changes. Default: —

ontransaction

function

Callback invoked on every TipTap transaction. Default: —

class

string

Additional CSS classes to apply. Default: —

ref $bindable

HTMLElement

The underlying DOM element. Default: —

Property

content

placeholder

allowMultiline

editor

onupdate

ontransaction

class

ref