diff options
| author | 1STEP621 <86859447+1STEP621@users.noreply.github.com> | 2023-12-14 13:11:23 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-12-14 13:11:23 +0900 |
| commit | b33fe530476f89282e1e554aecf0cfe82e6d6edd (patch) | |
| tree | fcf410283db79cdf3883a43543887a5836ed6f2f /packages/frontend/src/components/MkFormDialog.vue | |
| parent | refactor(frontend) $i の型情報にtokenを追加 (#12649) (diff) | |
| download | sharkey-b33fe530476f89282e1e554aecf0cfe82e6d6edd.tar.gz sharkey-b33fe530476f89282e1e554aecf0cfe82e6d6edd.tar.bz2 sharkey-b33fe530476f89282e1e554aecf0cfe82e6d6edd.zip | |
Enhance(frontend): MFMや絵文字が使える入力ボックスでオートコンプリートを使えるように (#12643)
* rich autocomplete for use in profiles, announcements, and channel descriptions
* implementation omissions
* add tab, apply to page editor, and fix something
* componentization
* fix nyaize doesn't working in profile preview
* detach autocomplete instance when unmounted
* fix: mismatched camelCase
* remove unused / unnecessary styles
* update CHANGELOG.md
* fix lint
* remove dump.rdb
* props.richAutocomplete -> autocomplete
* Update packages/frontend/src/scripts/autocomplete.ts
* clarify namings
メンションなども「MFM」に含まれるのか自信がなかったのでrichSyntaxなどとぼかしていましたが、含むようなので変更しました
* tweak
* Update MkFormDialog.vue
* rename
---------
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
Diffstat (limited to 'packages/frontend/src/components/MkFormDialog.vue')
| -rw-r--r-- | packages/frontend/src/components/MkFormDialog.vue | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkFormDialog.vue b/packages/frontend/src/components/MkFormDialog.vue index 24404728ca..6f882cfab7 100644 --- a/packages/frontend/src/components/MkFormDialog.vue +++ b/packages/frontend/src/components/MkFormDialog.vue @@ -26,11 +26,11 @@ SPDX-License-Identifier: AGPL-3.0-only <template #label><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ i18n.ts.optional }})</span></template> <template v-if="form[item].description" #caption>{{ form[item].description }}</template> </MkInput> - <MkInput v-else-if="form[item].type === 'string' && !form[item].multiline" v-model="values[item]" type="text"> + <MkInput v-else-if="form[item].type === 'string' && !form[item].multiline" v-model="values[item]" type="text" :mfmAutocomplete="form[item].treatAsMfm"> <template #label><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ i18n.ts.optional }})</span></template> <template v-if="form[item].description" #caption>{{ form[item].description }}</template> </MkInput> - <MkTextarea v-else-if="form[item].type === 'string' && form[item].multiline" v-model="values[item]"> + <MkTextarea v-else-if="form[item].type === 'string' && form[item].multiline" v-model="values[item]" :mfmAutocomplete="form[item].treatAsMfm" :mfmPreview="form[item].treatAsMfm"> <template #label><span v-text="form[item].label || item"></span><span v-if="form[item].required === false"> ({{ i18n.ts.optional }})</span></template> <template v-if="form[item].description" #caption>{{ form[item].description }}</template> </MkTextarea> |