Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Перевод строки в JS (https://javascript.ru/forum/misc/27214-perevod-stroki-v-js.html)

taravasya 11.08.2016 19:41

Подскажите пожалуйста как правильно реализовать:
Есть страница сайта, данные которой выводятся с помощью PHP из MySQL(ну вообщем vBulletin).
Для возможности очень быстрого редактирования, прикрутил java-скриптик, который при двойном клике по элементу, с помощью PHP(Ajax), запрашивает и выводит в элемент содержимое в том виде, в каком оно хранится в БД и после этого присваивает элементу атрибут contenteditable. Соответственно, после редактирования на onblur, отправляет содержимое элемента, как текст, обратно в соответствующее поле таблицы в БД.
Вот сам скрипт:
function quickEditTag(editableID) {
	var $currentDlFile;
	var $currentDlFile = $("#dlfile_" + editableID);
	$currentDlFile.load("downloads_ajax.php?&ajaxedit=" + editableID);
	document.getElementById("dlfile_" + editableID).contentEditable = true;
	$currentDlFile.on('blur', function() {
		$.post(
		"/downloads_ajax.php?&ajaxedit=0",
			{
				dl2fileId: editableID,
				dl2filemessage: $currentDlFile.text()
			},
		onAjaxSuccess
		);
		function onAjaxSuccess(data)
		{
			//alert(data);
		}
		document.getElementById("dlfile_" + editableID).contentEditable = false;
	});
}

Код PHP не привожу, там в принципе всё стандартно(только непосредственно во время SET в MySQL проверяется и если надо конвертируется кодировка(а то заметил, что иногда возникают затыки с русскими символами)).
Всё работает зачемятельно, за исключением того, что после редактирования, при отправке назад в БД, игнорируются переносы строки. Не подскажите, как правильно "побороть" это?

laimas 11.08.2016 19:59

Цитата:

Сообщение от taravasya
иногда возникают затыки с русскими символами

Значит либо сервер и клиент работают в разных кодировках, либо некорректна или вообще не устанавливается кодировка соединения с базой.

Цитата:

Сообщение от taravasya
игнорируются переносы строки.


В чем это выражается?

taravasya 11.08.2016 20:12

Спасибо за ответ!
Цитата:

Сообщение от laimas
Значит либо сервер и клиент работают в разных кодировках

Да вроде не замечалось раньше такого... Я с булкой уже давно.. умею настраивать под неё всё... Затык возникает только при использовании моего скрипта. Но это не важно.. )))
Цитата:

Сообщение от laimas
В чем это выражается?

Как я писал ранее, после редактирования текста в contenteditable див-е, по событию onblur, имеющееся содержимое, отправляется в БД. Например, я написал вот такой текст:
Это мой текст. Это:
мой текст.

А в БД он сохраняется так:
Это мой текст. Это:мой текст.
При этом, очень важный момент, если в тексте УЖЕ были переносы, до ajax-редактирования, то они сохраняются.

warren buffet 11.08.2016 20:16

Видишь, как простое на этапе выбора решение, оборачивается полной задницей на этапе реализации. С простыми решениями всегда такая засада. Теперь ты захотел кросс-браузерный конвертер переносов, потом с кодировками и хтмлем геморрой. И это все, вместо того, чтобы подставлять обычный textarea и по тем же каналам и с теми же скриптами все посылать и обрабатывать.

Атрибут contenteditable придуман не для таких задач. Это вот когда ты можешь отредактировать веб-страницу, чтобы сохранить ее как в файл, или отправить на печать, или сделать снимок. Но точно не для ввода текста.

taravasya 11.08.2016 20:21

warren buffet,
Ну... таки работает )) Эта возможность будет только у админов форума. То-есть это не рабочий вариант. Но есть контент, в довольно большом количестве, который нужно править. Я не придумал ничего лучше чем это.
А Вы имеете ввиду, что лучше, по двойному клику преобразовать div в textarea и при потере им фокуса снова возвращать в div?
Цитата:

Сообщение от warren buffet
кросс-браузерный конвертер переносов

да в принципе только хром интересует....

laimas 11.08.2016 20:30

Цитата:

Сообщение от taravasya
А в БД он сохраняется так:
Это мой текст. Это:мой текст.

Это вы смотрите в РМА или же на страницах сайта?:

taravasya 11.08.2016 20:32

laimas,
И там и там выглядит так. На странице естественно только после обновления. А в БД именно без переноса и сохраняется.

warren buffet 11.08.2016 20:41

Цитата:

Сообщение от taravasya
Ну... таки работает

Если работает, ты зачем сюда пришел?

laimas 11.08.2016 20:41

$currentDlFile.text() - а надо html получать. Но учтите, это будет BR.

PS. Зачем для простого текста использовать contenteditable, а не просто textarea?

taravasya 11.08.2016 20:46

Цитата:

Сообщение от laimas
надо html получать

Тогда всё вообще не правильно сохранятеся, потому как тогда:
Цитата:

Сообщение от laimas
это будет BR

))))))
Цитата:

Сообщение от laimas
Зачем

Просто недопетрил вовремя... Я тот ещё программер ))
Цитата:

Сообщение от laimas
Зачем для простого текста использовать contenteditable, а не просто textarea?

ОК. Пошёл в нэт )), тем более, что "сосед сверху" о том же говорит...
Вот вариант:
http://jsfiddle.net/GeJkU/
я так понимаю это оно?
ЗЫ///Всем спасибо за подсказки!


Часовой пояс GMT +3, время: 23:24.