Как перенести строку, если строка заканчивается на предлог или союз?

Question

Ves Mir @Vesmir

HTML / CSS / Angular / Typescript / JS

JavaScript

Как перенести строку, если строка заканчивается на предлог или союз?

Массив значений + фильтр на уникальные готов.

let unionsAndPrepositions = ['так что', 'дабы', 'с тем чтобы','несмотря на то', 'хоть', 'пускай', 'хотя', 'если', 'если бы', 'коли', 'ежели', 'так как', 'потому что',
   'как будто', 'словно', 'точно', 'как', 'как бы', 'до такой степени', 'настолько', 'до того', 'такой', 'где', 'куда', 'откуда', 'когда', 'что', 'то есть',
    'а именно', 'и', 'да', 'не только', 'но и', 'также', 'тоже', 'и', 'ни', 'как', 'так', 'сколько', 'столько', 'или', 'либо', 'то', 'ли', 'не', 'то', 'а', 
    'зато', 'однако', 'же', 'все же', 'чтобы', 'чтоб', 'притом', 'причём', 'в', 'без', 'до', 'из', 'к', 'на', 'по', 'о', 'от', 'перед', 'при', 'через', 'с', 'у', 
    'и', 'нет', 'за', 'над', 'для', 'об', 'под', 'про'];

function uniqueArr(arr) {
    let uniqueUnions = [];
  
    for (let str of arr) {
      if (!unionsAndPrepositions.includes(str)) {
        unionsAndPrepositions.push(str);
      }
    }
  
    return unionsAndPrepositions;
  }

Как сделать поиск по всем DOM-елементам, чтобы строки переносились, если последнее слово строки одно из массива, возвращаемого функцией?

Вопрос задан более трёх лет назад
333 просмотра

5 комментариев

Подписаться 2 Простой 5 комментариев

Роман @lastuniverse
сложность будет не с поиском а с такими вложениями:
sdjkf vcmsbvk dvjk s vsv dngdv sjk ednfkj v v vefnsefn

Если хотите конкретный ответ, приведите конкретный пример текста и допустимых ограничений по тексту. Например:
- В блоках текста, обрабатываемых как единый, не допускается (или наоборот допускается) присутствие элементов декорирующих текст, таких как ,  и т.п.;
- Блоки текста обрабатываемые как единый, не имеют (или наоборот имеют) разрывы (могут быть разбросаны по блокам типа <div> но при этом должны обрабатываться как сплошной блок текста;
- Наличие или отсутствие других важных для обработки ограничений.

Эти условия могут как существенно упростить ответ, так и его неимоверно усложнить.
Написано более трёх лет назад
Ves Mir @Vesmir Автор вопроса

Пример текста с переносами по текущему блоку:

"Женя вспомнил, что давно не звонил бабушке и не узнавал, как у нее дела. Но денег на
телефоне совсем не осталось. Можно зайти в салон связи и добавить 50 рублей через
терминал.
Позвонить бабушке или отложить разговор?"

Блоки текстов могут содержать вложенные теги , и т.п.
Блок может увеличиваться и уменьшаться, но не должен заканчиваться на слова из массива.

Написано более трёх лет назад
hzzzzl @hzzzzl
Роман, да не, почему, innerHTML/innerText у блока будет одинаковый несмотря на вложенные блоки

если бы не условие про ширину блока, то можно бы было примерно так

s = 'sdjkf vcmsbvk dvjk s vsv dngdv sjk ednfkj v v vefnsefn' s.replace(/sjk|vsv/g, (match) => `${match}\n`)
Написано более трёх лет назад
Роман @lastuniverse
hzzzzl, а если так попадется

текст текст текст так что текст текст

Меняя через textContent/innerText разве не будет убита декорация?
Написано более трёх лет назад
hzzzzl @hzzzzl
Роман, это я задумался о вечности и перепутал, поменял на innerHTML

вот можно на этой странице в консоли попробовать
e = document.querySelector('#clarification_792589') e.style.background = '#ccffda' e.innerHTML = e.innerHTML.replace(/через/g, (match) => `${match}\n `) // просто \n не сработает из-за css на тостере
Написано более трёх лет назад

сложность будет не с поиском а с такими вложениями:
sdjkf vcmsbvk dvjk s vsv dngdv sjk ednfkj v v vefnsefn

Если хотите конкретный ответ, приведите конкретный пример текста и допустимых ограничений по тексту. Например:
- В блоках текста, обрабатываемых как единый, не допускается (или наоборот допускается) присутствие элементов декорирующих текст, таких как ,  и т.п.;
- Блоки текста обрабатываемые как единый, не имеют (или наоборот имеют) разрывы (могут быть разбросаны по блокам типа <div> но при этом должны обрабатываться как сплошной блок текста;
- Наличие или отсутствие других важных для обработки ограничений.

Эти условия могут как существенно упростить ответ, так и его неимоверно усложнить.
Пример текста с переносами по текущему блоку:

"Женя вспомнил, что давно не звонил бабушке и не узнавал, как у нее дела. Но денег на
телефоне совсем не осталось. Можно зайти в салон связи и добавить 50 рублей через
терминал.
Позвонить бабушке или отложить разговор?"

Блоки текстов могут содержать вложенные теги , и т.п.
Блок может увеличиваться и уменьшаться, но не должен заканчиваться на слова из массива.
Роман, да не, почему, innerHTML/innerText у блока будет одинаковый несмотря на вложенные блоки

если бы не условие про ширину блока, то можно бы было примерно так

s = 'sdjkf vcmsbvk dvjk s vsv dngdv sjk ednfkj v v vefnsefn' s.replace(/sjk|vsv/g, (match) => `${match}\n`)
hzzzzl, а если так попадется

текст текст текст так что текст текст

Меняя через textContent/innerText разве не будет убита декорация?
Роман, это я задумался о вечности и перепутал, поменял на innerHTML

вот можно на этой странице в консоли попробовать
e = document.querySelector('#clarification_792589') e.style.background = '#ccffda' e.innerHTML = e.innerHTML.replace(/через/g, (match) => `${match}\n `) // просто \n не сработает из-за css на тостере

Answer 1 · 2019-12-06 15:00:00

"последнее слово строки" в элементе это в смысле как на экране отображается страница, в зависимости от респонсивности/разрешения браузера/итд? а то иначе это же просто будет последнее слово в элементе, что там куда переносить

Как перенести строку, если строка заканчивается на предлог или союз?

Войдите на сайт