Стилизация для первой буквы после тега br через jquery?

Question

[4eloBek]

Как назначить стиль первой букве после одиночного тега <br/>, если не имеется больше других тегов, определяющих абзацы?

Answer 1

[Сергей Сергей]

тут регулярка напрашивается.

str = str.replace( /\<br\>\s*([^<])/g, '<br><span class="superstyle">$1</span>' );

Но это требует предварительной обработки текста и исключение прочих условий.

/\<br\>\s{2,}([A-ZА-ЯЁ])/g

Comments

[4eloBek]

Спасибо) То, что надо)

[4eloBek]

Еще вопрос. В <div id="content" contenteditable="true" ></div> при нажатии каждый раз на enter создается новый DIV.
Я заменяю на < br >, но каретка сдвигается только с применением еще \u200B. Когда же я на span или на p меняю - каретка на месте. Может быть существует способ без постоянного применения replace также как и с < br >?
Заранее спасибо)

[Сергей Сергей]

4eloBek: а черт его знает, это поведение регламентируется браузером, тут только подбирать.

[4eloBek]

Сергей Сергей: а можете написать выражение которое оборачивает букву в теги, если:
1. Перед ней больше одного пробела
2. Она большая (заглавная)

З.Ы. Думаю, для буквицы эти условия получше будут.

[Сергей Сергей]

4eloBek: пора учить регулярки уже. Вверху изменения.

[4eloBek]

Сергей Сергей: ага. спасибо большое)

[4eloBek]

Сергей Сергей: я так понял \<br\>
нужно убрать, но код не работает О_о

[Сергей Сергей]

4eloBek: ну черт знает, что там не работает. Нужно смотреть на строки, которые будут меняться. И какая регулярка не работает.

[4eloBek]

Сергей Сергей: Вот пример на jsfiddle.net

[Сергей Сергей]

4eloBek: jsfiddle.net/omr9mpmj/1
Не хватало кавычки, слова с больших букв надо писать. ВНИМАТЕЛЬНО.

[4eloBek]

Сергей Сергей: мдаа. Спасибо.

P.S. Сильная это весчь - регулярные выражения)

[4eloBek]

Сергей Сергей: Хочу расширить область действия регулярки.
Задача такая: после < br > + сколько угодно пробелов + сколько угодно открывающих тегов, при условии, что после них будут только пробелы (но не маленькие буквы). Как только появится заглавная буковка, обернуть ее стилем. Вот. Помогите, пожалуйста.
Мой код, что-то некорректно работает(

replace(/\<br\/?\>\s*(\<[^\/].*\>\s*[^a-zа-яё]?){0,}\s*?([A-ZА-ЯЁ])/g, "<span class='first-letter'>$2</span>");

[Сергей Сергей]

4eloBek:
[^a-zа-яё]? убрать нужно.

[4eloBek]

Сергей Сергей: начиная со 2-ого открытого тега код неккоректно работает. Например код ниже пропускает свободно О_о
<br> <b> </i> Abc

[Сергей Сергей]

4eloBek: первая группа в скобках тогда такая
(\<[^\/].*?\>\s*)

[4eloBek]

Сергей Сергей: Тоже самое. Пропускает(

[Сергей Сергей]

4eloBek:
/\
\s*(\<\w[^\<]*\>\s*)*([A-ZА-ЯЁ])/

[Сергей Сергей]

перенос съело

[4eloBek]

Сергей Сергей: Заработало!!! Спасибо))

[4eloBek]

Сергей Сергей: А не знаете, случайно, как запрет сделать не по буквам в регулярках, а по отдельным словосочетаниям...
Просто эта регулярка (что выше) у меня срабатывает каждый раз, когда нажимаю на enter и там, где был добавлен уже класс с буквицей, всеравно еще и еще оборачивается, и буквы растут в геом.прогрессии((
Я уже пробовал и через 2 отдельных регулярки:

var str, str1;
        str = $('#content').html();
		str1 = str.replace(/.*\<br\/?\>.*?\<span.*class\s*=\s*["']first-letter["'].*?>.*\<\/span\>.*/g, str);
		if(str1 != str) {str1 = $('#content').html().replace(/(\<br\/?\>\s*(\<\w[^\<]*\>\s*)*)([A-ZА-ЯЁ])/g, "$1<span class='first-letter'>$3</span>")}
        $('#content').html(str1);

Не работает. Есть ли попроще способ в одной регулярке определить обернута ли эта буква в данный класс или нет (по типу такого [^first-letter])?

З.Ы. Уже все обыскал просто О_о

[4eloBek]

...и если обернута, то не выполнять еще оборачивание

[4eloBek]

Эх. замучал я, наверное, вас с этим

[Сергей Сергей]

4eloBek:
прогрессивное увеличение из-за str.replace(/***/,str), тут строка вставляется сама в себя.

Для проверки на наличие буквицы придется внедрять функцию.

str.replace(
  /(\<br\/?\>\s*(\<\w[^\<]*\>\s*)*)([A-ZА-ЯЁ])/g,
  function( a, pred, b, bukva ) {
    if( pred.indexOf( 'first-letter' ) > -1 ) return a;
    return pred + '<span class="first-letter">' + bukva + '</span>';
  }
);

Если поколдовать, можно делать проверку по позиции.

И еще, проверять на замену всю строку целиком каждый раз в будущем окажется накладно, нужно как-то выделять то, что уже обработано. Но это другая история и другой вопрос.

[4eloBek]

Сергей Сергей: спасибо))