Копирование/вставка и отступы

Avatar
  • обновлен
  • На рассмотрении

Ребята, хочу поделиться с вами своей болью.


Ваш редактор очень странно работает с текстом из буфера обмена. Вот несколько детальных кейсов.


Кейс A. Копирование простого текста из текстового окна Gmail.

1. Вводим простой текст с одним отступом


Image 9458


2. Копируем его в поле ввода userecho (вставилось вроде бы ок, но...)


Image 9459


3. Пытаюсь дописать снизу еще два абзаца (просто жму Enter после Тест2). Уже видно, что будет лажа...


Image 9460


4. Лажа (нет отступа между Тест2 и Тест3):


Image 9461



Кейс Б. Копирование сложного текста из текстового окна Gmail.


1. Копируем письмо

Image 9462


2. Вставляем (каждый четный отступ исчез). Пытаясь это исправить, делаешь ещё хуже.


Image 9463


Кейс С. Копирование из писем UserEcho.


1. Копируем из письма (в реальном тикете там есть один отступ между параграфами)

Image 9464


2. Вставляем, теряем отступы.


Image 9465



Кейс D. Копирование из тикета.


1. Заходим в тикет и копируем текст (например, для цитирования).


Image 9466


2. Вставляем в поле комментария и отступы ломаются.


Image 9467


Кейс E. Мой любимый.


1. Печатаем в тикете (не копипастим, а именно печатаем):


Image 9468


2. Выделяем всё, вырезаем, и тут же вставляем из буффера.


Image 9469


3. Тот же текст вставился без отступов.


Image 9470


--------------------------

Всё это на Windows 10, Chrome 56


Я где-то читал, что вы вырезаете теги перед вставкой. Крайне на это не похоже. Хотя может я что-то делаю не так? Надо вставлять как-то по-умному? Я использую обычный Ctrl+C/Ctrl+V.


Ребята, это всё доставляет очень большие неудобства и постоянную мысленную брань в адрес редактора, разработчиков и тестировщиков. Пофиксите это, пожалуйста!

Прикрепленные ответы
Avatar
Sergey Stukov co-founder
  • Ответ
  • На рассмотрении

Добрый день, посмотрели Ваши примеры. Попробовали повторить.

Google в своем редакторе оборачивает каждый блок в <div> и дополнительно при переносах добавляет <br>

Мы используем <p> для разделения абзацев.


Нашли одно из решений.


Впишите вот тут https://refactoring.userecho.com/settings/project/customcss/

такую строчку у себя в настройках


.redactor-editor div {margin-bottom:0}

Avatar
neochief

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

Avatar
neochief

Проблема же не только в Gmail. Посмотрите на кейсы D и E. Я там с текстом делаю все действия в пределах вашей системы.

Avatar
Sergey Stukov co-founder

У нас после этого вставленный текст на экране стал выглядеть идентично.

Как у Вас, напишите будем думать как сделать еще лучше.


Avatar
Sergey Stukov co-founder
  • Ответ
  • На рассмотрении

Добрый день, посмотрели Ваши примеры. Попробовали повторить.

Google в своем редакторе оборачивает каждый блок в <div> и дополнительно при переносах добавляет <br>

Мы используем <p> для разделения абзацев.


Нашли одно из решений.


Впишите вот тут https://refactoring.userecho.com/settings/project/customcss/

такую строчку у себя в настройках


.redactor-editor div {margin-bottom:0}