Перенос текста при нажатии Enter в Ckeditor

@dukesov · Регистрация: 24.08.2015

Студворк — интернет-сервис помощи студентам

Всем привет! Всех с праздником!
Вопросик, кто ставил себе ckeditor ну или знаком с этим редактором.

Мне нужно чтоб вместо тега p при нажатии на enter ставился тег br.
Прописал в конфиг: config.enterMode = CKEDITOR.ENTER_BR
Теперь при нажатии на enter ставит br, но перестал ставить p в начале и конце текста.
Как сделать чтоб тег p ставился в начале текста, при нажатии enter ставился br, а при вводе 2-х enter ставил закрывающийся p и br.

К примеру:

HTML5
1
2
3
<p>Привет<br />
Какая сегодня хорошая погода</p><br />
<p>Всех с праздником!</p>

Добавлено через 16 минут
Или просто при нажатии 2-х enter ставил закрывающийся p, если пишем еще текст, открываем p.

@maruo · 09.05.2016, 13:56

dukesov, В честь победы, при нажатии на ctrl+enter вставится ваш br

HTML5
1
2
3
4
  <form>
<textarea id="message">
</textarea>
   </form>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
function insertTextAtCursor(el, text, offset) {
    var val = el.value, endIndex, range, doc = el.ownerDocument;
    if (typeof el.selectionStart == "number"
            && typeof el.selectionEnd == "number") {
        endIndex = el.selectionEnd;
        el.value = val.slice(0, endIndex) + text + val.slice(endIndex);
        el.selectionStart = el.selectionEnd = endIndex + text.length+(offset?offset:0);
    } else if (doc.selection != "undefined" && doc.selection.createRange) {
        el.focus();
        range = doc.selection.createRange();
        range.collapse(false);
        range.text = text;
        range.select();
    }
}
 
 
 
var ctrlMode = false;
$(window).keydown(function(e){
  ctrlMode = e.ctrlKey;
}).keyup(function(e){
  ctrlMode = e.ctrlKey ;
});
﻿$('#message').keydown(function(e){
  if( e.which==13 && !ctrlMode ){
    e.preventDefault();
    $(this).closest('form').submit();
    return false;
  }else if( e.which==13 ){
    insertTextAtCursor(document.getElementById('message'),"<br>");
  };
});

Добавлено через 8 минут
МОжно приспособить код как вставка BB кодов.
Вешайте на кнопку событие

JavaScript
1
insertTextAtCursor(document.getElementById('message'),"<p></p>");

@dukesov · 09.05.2016, 14:10 **[ТС]**

maruo, да, я знаю, что сочетание клавиш вставит br, кстати по умолчанию это shift+enter. А вот с телефона или планшета я уже не могу вставить таким образом br. Вариант только с бб кодом работать?

@maruo · 09.05.2016, 14:11

dukesov, как вариант да, этот код приспособлен под это

@dukesov · 09.05.2016, 14:20 **[ТС]**

С бб не удобно, когда текст большой.
Пока решил вопрос с правки css, стиля p.

Вопрос все еще актуальный.

@maruo · 09.05.2016, 14:23

dukesov, а зачем вам вообще это?

@dukesov · 09.05.2016, 15:57 **[ТС]**

maruo, ну как зачем. Я пишу текст, хочу написать с новой строки, жму enter а он мне новый параграф. Вот даже тут на форуме если нажал 1 раз enter то новая строка, 2 раза еще 1 отступ.
Просто у меня в стилях текст другого цвета для p.

@maruo · 09.05.2016, 16:03

dukesov, Ну а что плохого в ctr+enter? Поменяйте сделайте через enter просто если вам так удобнее?

@dukesov · 09.05.2016, 16:06 **[ТС]**

maruo, если я делаю через enter то пропадают <p>текст</p>.

@maruo · 09.05.2016, 16:32

dukesov,

Сообщение от dukesov

если я делаю через enter то пропадают <p>текст</p>.

Не понял куда это они продают?

@dukesov · 09.05.2016, 16:45 **[ТС]**

maruo, вот и я не понимаю куда они пропадают. Просто их нет.

Добавлено через 2 минуты
После того как пропишу в конфиг: config.enterMode = CKEDITOR.ENTER_BR;

@maruo · 09.05.2016, 16:56

dukesov, К сожалению я не знаю этот плагин, это вам изучать его надо

@dukesov · 09.05.2016, 17:52 **[ТС]**

maruo, спасибо, за желание помоч и советы

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@dukesov 19 / 18 / 11 Регистрация: 24.08.2015 Сообщений: 471
	09.05.2016, 14:10 [ТС]
	maruo, да, я знаю, что сочетание клавиш вставит br, кстати по умолчанию это shift+enter. А вот с телефона или планшета я уже не могу вставить таким образом br. Вариант только с бб кодом работать? 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	09.05.2016, 14:11
	dukesov, как вариант да, этот код приспособлен под это 0

@dukesov 19 / 18 / 11 Регистрация: 24.08.2015 Сообщений: 471
	09.05.2016, 14:20 [ТС]
	С бб не удобно, когда текст большой. Пока решил вопрос с правки css, стиля p. Вопрос все еще актуальный. 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	09.05.2016, 14:23
	dukesov, а зачем вам вообще это? 0

@dukesov 19 / 18 / 11 Регистрация: 24.08.2015 Сообщений: 471
	09.05.2016, 15:57 [ТС]
	maruo, ну как зачем. Я пишу текст, хочу написать с новой строки, жму enter а он мне новый параграф. Вот даже тут на форуме если нажал 1 раз enter то новая строка, 2 раза еще 1 отступ. Просто у меня в стилях текст другого цвета для p. 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	09.05.2016, 16:03
	dukesov, Ну а что плохого в ctr+enter? Поменяйте сделайте через enter просто если вам так удобнее? 0

@dukesov 19 / 18 / 11 Регистрация: 24.08.2015 Сообщений: 471
	09.05.2016, 16:06 [ТС]
	maruo, если я делаю через enter то пропадают <p>текст</p>. 0

@dukesov 19 / 18 / 11 Регистрация: 24.08.2015 Сообщений: 471
	09.05.2016, 16:45 [ТС]
	maruo, вот и я не понимаю куда они пропадают. Просто их нет. Добавлено через 2 минуты После того как пропишу в конфиг: config.enterMode = CKEDITOR.ENTER_BR; 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	09.05.2016, 16:56
	dukesov, К сожалению я не знаю этот плагин, это вам изучать его надо 1

@dukesov 19 / 18 / 11 Регистрация: 24.08.2015 Сообщений: 471
	09.05.2016, 17:52 [ТС]
	maruo, спасибо, за желание помоч и советы 0

Перенос текста при нажатии Enter в Ckeditor

Решение