#Props
テンプレートではケバブケース(tab-size)、JavaScript ではキャメルケース(tabSize)で記述します。
#コンテンツ
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
model-value | string | Text | '' | テキスト。v-model で使います(value ではありません)。 |
placeholder | string | HTMLElement | undefined | テキストが空のときに表示します。placeholder を参照。 |
tag | string | 'div' | ルート要素のタグ名 |
#セットアップ
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
basic | boolean | false | basicSetup を有効にします。 |
minimal | boolean | false | minimalSetup を有効にします。basic が優先されます。 |
#編集
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
readonly | boolean | false | 変更を禁止します。フォーカスは可能です。readOnly を参照。 |
disabled | boolean | false | 編集もフォーカスもできなくします。editable の反転値です。 |
wrap | boolean | false | 行を折り返します。 |
tab | boolean | false | Tab キーでインデントします(indentWithTab)。 |
tab-size | number | undefined | タブの幅 |
indent-unit | string | undefined | インデントの単位 |
allow-multiple-selections | boolean | false | 複数選択を許可します。 |
line-separator | string | undefined | 改行文字。未指定の場合は \n です。 |
keymap | KeyBinding[] | [] | 独自の キーバインド |
#言語とリンター
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
lang | LanguageSupport | undefined | シンタックスハイライトの言語。言語一覧 を参照。 |
linter | LintSource | undefined | リンターのソース(jsonParseLinter()、esLint(...) など) |
linter-config | object | {} | リンターの設定 |
force-linting | boolean | false | すぐにリンターを実行します。forceLinting を参照。 |
gutter | boolean | false | リンターのガター を表示します。linter が必要です。 |
gutter-config | object | undefined | ガターの設定 |
#外観
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
dark | boolean | false | エディタのテーマを暗い配色として扱います。 |
theme | Record<string, StyleSpec> | {} | EditorView.theme に渡すスタイル定義 |
phrases | Record<string, string> | undefined | UI の翻訳 |
#スクロール
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
scroll-into-view | boolean | true | modelValue が外部から更新されたときに選択位置までスクロールします。scrollIntoView を参照。 |
preserve-scroll-position | boolean | false | modelValue が外部から更新されたときにスクロール位置を保ちます。scrollSnapshot を参照。 |
#拡張機能
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
extensions | Extension[] | [] | 追加の 拡張機能。props から生成される拡張機能の後に追加されます。 |