snatvb
Еще надо воду в вино и свинец в золото
snatvb
Ну ты чет совсем невозможное просишь)
Александр
оу, извечные холиварчики
Самурай
Привет ребята, подскажите видеоуроки по жаваскрипт пожалуйста тим
Ivan
Привет ребята, подскажите видеоуроки по жаваскрипт пожалуйста тим
мы не смотрим видеоуроки, мы записываемся на курсы "Стань frontend разработчиком за две недели" и всё
Elena
Anton
Привет.
Есть div с текстом.
Нужно с помощью js разбить текст на строки и взять три верхние.
В JS не нашел нормального способа узнать ширину буквы.
Что можно придумать?
Roman
Winni
Привет.
Есть div с текстом.
Нужно с помощью js разбить текст на строки и взять три верхние.
В JS не нашел нормального способа узнать ширину буквы.
Что можно придумать?
Опять сценарий нереальный придумали, кидай что есть сейчас и как должно выгледеть
Anton
нечего пока кинуть.
есть <div> с текстом, нужно оставить только первые три строки. Разбивает по строкам сам браузеръ
𝐄𝐋 𝐅𝐘𝐑𝐑𝐎
нечего пока кинуть.
есть <div> с текстом, нужно оставить только первые три строки. Разбивает по строкам сам браузеръ
А вот разбивку можно проигнорировать, если правильно управлять дивом
Anton
всмысле проигнорировать? самому сделать?
Ivan
нечего пока кинуть.
есть <div> с текстом, нужно оставить только первые три строки. Разбивает по строкам сам браузеръ
оставить в смысле показать или же прям текст вырезать ненужный?
Dmitry
Anton
текст убрать ненужный
Anton
да
Александр
css стили не подойдут с фиксированной высотой div и overfrow: hidden?
CherryTea
Привет.
Есть div с текстом.
Нужно с помощью js разбить текст на строки и взять три верхние.
В JS не нашел нормального способа узнать ширину буквы.
Что можно придумать?
правильно поставленная задача уже полвоина решения
Anton
jquery.dotdotdot крутая штука, почти то что нужно.
Только не хотелось плагин бы подключаь
𝐄𝐋 𝐅𝐘𝐑𝐑𝐎
Возьми среднее количество слов, а далее фигачь обрезку по wordwrap-аналогичным функциям.
CherryTea
CherryTea
https://developer.mozilla.org/ru/docs/Web/CSS/text-overflow
Maxim
высоту в 3 line-height и overflow. ну или как то так
Maxim
считать ширину букв это идиотия
Dmitry
jquery.dotdotdot крутая штука, почти то что нужно.
Только не хотелось плагин бы подключаь
Он же небольшой вроде, над скриптом его кинуть в тот же файл и все
Андрей
ES 8 вышел ребзи)
Anton
ES8? а 7 пропустили?
Андрей
https://tc39.github.io/ecma262/
Sergey
ты медленный
Андрей
Дайте ссылку про ES9 почитать, чтобы как-то успевать)
Андрей
А кто нибудь слышал про sencha (ExtJs) ?
Dmitry
https://codepen.io/martinwolf/pen/qlFdp
ну конечно, это если элементу задать фиксированную высоту, а без нее ты так не сделаешь
CherryTea
ширину можно и js попросить посчитать
CherryTea
кстати она там не фиксированая и прекрастно работает
Dmitry
ширину можно и js попросить посчитать
webkit-line-clamp, вот что в примере который ты скинул делает 3 точки в конце, кроссбраузерность где? нету, в css этого нормально не сделать
Maxim
три точки делает text-overflow, но только с правильным white-space. Мультилайн не получится сделать
CherryTea
Dmitry
псевдоэлемент after
причем здесь он, что ты им собрался делать? ставить три точки в него и абсолютом ставить вправо вниз? genius.
CherryTea
причем здесь он, что ты им собрался делать? ставить три точки в него и абсолютом ставить вправо вниз? genius.
нет, каждое слово оборачивать js в span и last-child:after
Dmitry
боже
CherryTea
да нет, что вы
CherryTea
обычный человек
Dmitry
я так и понял
Dmitry
речь шла о том, что чистым css это не сделать
Maxim
хм.. так у тебя last-child будет спрятан overflow: hidden
Maxim
или я чего то не понял
Dmitry
а сейчас уже оказывается js'ом оборачивать норм выход?
CherryTea
речь шла о том, что чистым css это не сделать
оказалось что сделать. а js пошел когда оказалось что надо кроссбраузерно
CherryTea
хм.. так у тебя last-child будет спрятан overflow: hidden
поидее нет, span же строчный элемент
Maxim
ну overflow:hidden не выпиливает элементы из дерева же. по last-child будет отдаваться всегда последнее слово в тексте, даже если оно вылезло за пределы
Андрей
Ребзи, а есть кто активно юзает react native?
CherryTea
Андрей
У меня такая проблема, что когда я гружу стор в 500 элемнтов + (отображаю через Flatlist), то мой Stack Navigator начинает сильно провисать(
CherryTea
http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/
в принципе вот еще вариант неплохой
Dmitry
http://hackingui.com/front-end/a-pure-css-solution-for-multiline-text-truncation/
в принципе вот еще вариант неплохой
я и говорил, что это сделать только однострочно, не видишь там white-space: nowrap;?
CherryTea
я и говорил, что это сделать только однострочно, не видишь там white-space: nowrap;?
ты колесико для мыши почини
Kirill
Андрей
И на это спасибо)
Андрей
этом*
Kirill
но я чет хз как ссылку дать >_<
Dmitry
ты колесико для мыши почини
ну такое, зачем же тогда пишут библиотеки для jquery, если все настолько просто?
Андрей
Да найду, не прблема)
Dmitry
может камни есть какие?
Андрей
Но вообще у тебя таких проблем не было?
CherryTea
ну такое, зачем же тогда пишут библиотеки для jquery, если все настолько просто?
ну там единственное что ты вынужден выравнивать текст по джастифай, но блин, разве это проблема
Андрей
А что использовал?