carta/docs/src/pages/api/core.svelte.md
2024-04-12 08:24:46 +02:00

173 lines
2.8 KiB
Markdown

---
section: API
title: Core
---
<script>
import { base } from '$app/paths';
</script>
# `Carta` options
List of options that can be used when creating `Carta`:
```ts
new Carta({
/* ... */
});
```
### `gfmOptions`
Type: `GfmOptions`
GitHub Flavored Markdown options.
### `extensions`
Type: `Extension[]`
List of extensions(plugins) to use.
### `rendererDebounce`
Type: `number`
Rendering debouncing timeout, in milliseconds.
Defaults to 300ms.
### `disableShortcuts`
Type: `DefaultShortcutId[] | true`
Remove default shortcuts by id. You can use `true` to disable all of them.
### `disableIcons`
Type: `DefaultIconId[] | true`
Remove default icons by id. You can use `true` to disable all of them.
### `disablePrefixes`
Type: `DefaultPrefixId[] | true`
Remove default prefixes by id. You can use `true` to disable all of them.
### `historyOptions`
History management options.
#### `historyOptions.minInterval`
Type: `number`
Minimum interval between save states in milliseconds.
Defaults to 300ms.
#### `historyOptions.maxSize`
Type: `number`
Maximum history size in bytes.
Defaults to 1MB.
### `sanitizer`
Type: `(html: string) => void`
HTML sanitizer. See [here]({base}/getting-started#sanitization) for more details.
### `shikiOptions`
Type: `ShikiOptions`
Highlighter(Shiki) options.
### `theme`
Type: `Theme | DualTheme`
Shiki theme to use to highlight Markdown.
# `MarkdownEditor` options
List of options that can be used in the `<MarkdownEditor>` component.
### `carta`
Type: `Carta`
Carta manager to use for this editor.
### `theme`
Type: `string`
The theme of this editor. The editor and related elements will have the `carta-theme__<theme>` as a class.
### `value`
Type: `string`
Current Markdown input value.
### `mode`
Type: `'tabs' | 'split' | 'auto'`
Editor windows mode. With `auto` it will split when the window size is greater than 768px.
### `scroll`
Type: `'sync' | 'async'`
Scroll synchronization.
### `disableToolbar`
Type: `boolean`
Option to disable the toolbar.
### `placeholder`
Type: `string`
Set the textarea placeholder.
### `textarea`
Type: `TextAreaProps` (extends `Record<string, unknown>`)
Additional properties that will be used in the textarea used under the hood in the editor.
`class`, `placeholder` and `value` are not allowed. Use the corresponding editor properties
instead.
### `labels`
Type: `Partial<Labels>`
Can be used to provide custom text for labels in the editor.
# `Markdown` options
List of options that can be used in the `<Markdown>` component.
### `carta`
Type: `Carta`
Carta manager to use for this editor.
### `theme`
Type: `string`
The theme of this editor. The viewer and related elements will have the `carta-theme__<theme>` as a class.
### `value`
Type: `string`
Current Markdown input value.