VsWidgetComments
Дозволяє завантажувати, редагувати, видалаяти посилання. Для роботи потрібно вказати ідентифікатор картки
Підключення
vue
<VsWidgetComments id="2911171147699586620"></VsWidgetComments>
hbs
{{{_vue "vs-widget-comments" id="2911171147699586620"}}}
Component API
- Behaviour
- Style
- Content
Name | Description | Type |
---|---|---|
id | Ідентифікатор користувача або картки/таблиці | String |
Name | Description | Type |
---|---|---|
height | Висота текстового редакору у пікселях, треба вказати просто число. За замовчуванням 400px | String |
autofocus | Автофокус текстового редактору. За замовчуванням true | Boolean |
Name | Description | Type |
---|---|---|
fileList | Набір статичних даних для прикладу, відключає можливість додавання, видалення, редагування | Array |
Приклад
<template>
<div>
<VsWidgetComments id="2911171147699586620" :fileList="fileList" ></VsWidgetComments>
</div>
</template>
<script>
export default {
data() {
return {
fileList: [
{
body: '**Why should you never trust stairs?**<br>**They’re always up to something.**',
cdate: '2024-01-16 07:59:04.747045',
comment_id: '3281387922921621143',
object_id: '2911171147699586620',
uid: null,
username: 'Some funny guy',
avatar: null,
},
{
body: '*Why is Peter Pan always flying?*<br>*Because he Neverlands.*',
cdate: '2024-01-16 08:02:13.533147',
comment_id: '3281389506539816600',
object_id: '2911171147699586620',
uid: null,
username: 'Some silly guy',
avatar: null,
}
],
}
}
}
</script>