Слияние кода завершено, страница обновится автоматически
customConfig
в конфигурации компонента представляет собой конфигурацию редактора wangEditor.1. Установка
vue2:npm install avue-plugin-ueditor --save
vue3:npm install avue-plugin-ueditor@next --save
2. Импорт
import AvueUeditor from 'avue-plugin-ueditor'
Vue.use(AvueUeditor);
3. Использование в конфигурации Avue
...
column:[
...
{
label:'test',
prop:'test',
component: "avueUeditor",
// Конфигурация редактора wangEditor
customConfig: {
lineHeights: ['1', '1.15', '1.6', '2', '2.5', '3']
},
// Включение OSS (qiniu/ali)
oss:'',
headers:{},
data:{},
propsHttp: {
home:'',
url:'',
res: ''
},
// Обычное загрузка изображений
action: "",
// Конфигурация OSS Qiniu
qiniu: {
AK: "",
SK: "",
scope: "",
url: "",
deadline: 1
},
// Конфигурация OSS Aliyun
ali: {
region: "",
endpoint: "",
accessKeyId: "",
accessKeySecret: "",
bucket: ""
}
}
...
]
4. Использование в компоненте
<avue-ueditor v-model="text" v-bind="options"></avue-ueditor>
``````json
{
options: {
customConfig: {
lineHeights: ['1', '1.15', '1.6', '2', '2.5', '3']
},
propsHttp: {
home: '',
url: '',
res: ''
},
oss: '',
headers: {},
data: {},
action: "",
qiniu: {
AK: "",
SK: "",
scope: "",
url: "",
deadline: 1
},
ali: {
region: "",
endpoint: "",
accessKeyId: "",
accessKeySecret: "",
bucket: ""
}
}
}
Атрибут | Описание | Тип | Допустимые значения | Значение по умолчанию |
---|---|---|---|---|
action | Адрес загрузки изображений | String | — | — |
headers | Заголовки запроса | Object | — | — |
data | Дополнительные данные | Object | — | — |
props | Конфигурируемые атрибуты, подробнее см. конфигурацию props
|
Object | — | — |
oss | Использование OSS, если не указано, то обычная загрузка | String | ali/qiniu | — |
qiniu | Настройки OSS Qiniu, подробнее см. конфигурацию qiniu
|
Object | — | — |
ali | Настройки OSS Alibaba Cloud, подробнее см. конфигурацию ali
|
Object | — | — |
propsHttp
Параметр | Описание | Тип | Допустимые значения | Значение по умолчанию |
---|---|---|---|---|
home | Базовый URL | String | — | — |
url | URL | String | — | — |
res | Результат | String | — | — |
url | Поле с адресом изображения | String | — | - |
home | Корневой путь к изображению | String | — | - |
Параметр | Описание | Тип | Допустимые значения | Значение по умолчанию |
--------- | ------------------------------- | ------ | -------------------- | ---------------------- |
AK | Ключ доступа к Qiniu Cloud | String | — | - |
SK | Ключ секрета | String | — | - |
scope | Название хранилища в Qiniu Cloud | String | — | - |
url | Уникальный домен хранилища | String | — | - |
deadline | Время истечения ключа | String | — | - |
Параметр | Описание | Тип | Допустимые значения | Значение по умолчанию |
---|---|---|---|---|
region | Название региона, где находится OSS, подробнее в документации Aliyun OSS | String | — | - |
endpoint | Домен региона, где находится OSS, подробнее в документации Aliyun OSS | String | — | - |
accessKeyId | Ключ доступа к Aliyun | String | — | - |
accessKeySecret | Ключ секрета | String | — | - |
bucket | Название хранилища в Aliyun | String | — | - |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )