В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Nuxt.js — русскоговорящее сообщество

1109 membersпожаловаться на группу
2020 March 14

T

Tim in Nuxt.js — русскоговорящее сообщество
У меня есть простенькое отображение статей с помощью v-html. Текст статей приходит из базы, но он не юзерский, поэтому можно доверять.

Как сделать, чтобы ссылки на Ютуб внутри статьи были responsive? Использую bootstrap-vue, поэтому думаю заменить их на <b-embed> и прогонять через Vue.compile перед выводом на страницу, но может это неправильный метод?
источник
22:59пожаловаться#1

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
не знаю что значит ссылки-responsive но есть 2 способа инжектить вью компоненты в хтмл:
1. разбирвать на куски, вставлять между ними компонент и рендерить по такому принципу https://github.com/DreaMinder/vue-html-injector/blob/master/main.vue (это работает только для супер простой разметки хтмля, куча подводных камней, ждем пока выйдут vue3 fragments)
2. рантайм компайлер https://www.storyblok.com/faq/how-to-render-richtext-nuxt
GitHub
DreaMinder/vue-html-injector
Helps inject a component to certain place in v-html string - DreaMinder/vue-html-injector
источник
23:09пожаловаться#2

T

Tim in Nuxt.js — русскоговорящее сообщество
Спасибо
источник
23:10пожаловаться#3

T

Tim in Nuxt.js — русскоговорящее сообщество
DreaMinder
не знаю что значит ссылки-responsive но есть 2 способа инжектить вью компоненты в хтмл:
1. разбирвать на куски, вставлять между ними компонент и рендерить по такому принципу https://github.com/DreaMinder/vue-html-injector/blob/master/main.vue (это работает только для супер простой разметки хтмля, куча подводных камней, ждем пока выйдут vue3 fragments)
2. рантайм компайлер https://www.storyblok.com/faq/how-to-render-richtext-nuxt
GitHub
DreaMinder/vue-html-injector
Helps inject a component to certain place in v-html string - DreaMinder/vue-html-injector
Ссылки responsive значит, что окошко ютуба не вылезает за пределы экрана на телефоне)
источник
23:11пожаловаться#4

T

Tim in Nuxt.js — русскоговорящее сообщество
DreaMinder
не знаю что значит ссылки-responsive но есть 2 способа инжектить вью компоненты в хтмл:
1. разбирвать на куски, вставлять между ними компонент и рендерить по такому принципу https://github.com/DreaMinder/vue-html-injector/blob/master/main.vue (это работает только для супер простой разметки хтмля, куча подводных камней, ждем пока выйдут vue3 fragments)
2. рантайм компайлер https://www.storyblok.com/faq/how-to-render-richtext-nuxt
GitHub
DreaMinder/vue-html-injector
Helps inject a component to certain place in v-html string - DreaMinder/vue-html-injector
По второй ссылке непонятно, если я не пользуюсь этой CMS, то значит всё-таки Vue.compile?
источник
23:16пожаловаться#5

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
там пример импользования v-runtime-template
источник
23:18пожаловаться#6

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
как знаешь, я вью.компайл не пробовал и не видел чтоб им пользовались решая такую задачу
источник
23:19пожаловаться#7

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
пиши потом, получилось ли
источник
23:19пожаловаться#8

T

Tim in Nuxt.js — русскоговорящее сообщество
DreaMinder
там пример импользования v-runtime-template
О, это подходит, судя по описанию. Спасибо
источник
23:31пожаловаться#9

D

Doer in Nuxt.js — русскоговорящее сообщество
это смешно такю задачу решать компиляцией
источник
23:42пожаловаться#10

D

Doer in Nuxt.js — русскоговорящее сообщество
тебе надо только на "ссылку" стили навесить. я так полагаю речь об обычном айфрейме
источник
23:43пожаловаться#11

T

Tim in Nuxt.js — русскоговорящее сообщество
Возни много под все девайсы эти айфреймы подгонять. Если бы хотя бы мой html был, сделал бы, так в айфреме гугловая же, копаться в ней ещё
источник
23:48пожаловаться#12

T

Tim in Nuxt.js — русскоговорящее сообщество
Не случайно компонент b-embed в vue-bootstrap добавили
источник
23:49пожаловаться#13

D

Doer in Nuxt.js — русскоговорящее сообщество
кто тебе даст в гугловском айфрейме копаться, лол
источник
23:50пожаловаться#14

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Tim
Не случайно компонент b-embed в vue-bootstrap добавили
посмотри его исходники, ставлю на то что все что он делает - добавляет цсс класс
источник
23:52пожаловаться#15

D

Doer in Nuxt.js — русскоговорящее сообщество
тебе надо только айфрейм сделать респонсив, все. как обычную картинку
источник
23:52пожаловаться#16

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
ну может еще согласовывает все с другими компонентами но тебе это вряд ли понадобится
источник
23:52пожаловаться#17

D

Doer in Nuxt.js — русскоговорящее сообщество
DreaMinder
ну может еще согласовывает все с другими компонентами но тебе это вряд ли понадобится
наверное еще слушает загрузку и в таком духе
источник
23:52пожаловаться#18

T

Tim in Nuxt.js — русскоговорящее сообщество
https://github.com/bootstrap-vue/bootstrap-vue/blob/dev/src/components/embed/embed.js
Мда
GitHub
bootstrap-vue/bootstrap-vue
BootstrapVue, with over 40 plugins, more than 80 custom components and over 300 icons, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. ...
источник
23:55пожаловаться#19

D

Doer in Nuxt.js — русскоговорящее сообщество
нет, даже не слушает закгрузку айфрейма. там просто тупо intrinsic для респонсива и все
источник
23:56пожаловаться#20