Подскажите пожалуйста как правильно реализовать:
Есть страница сайта, данные которой выводятся с помощью 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 проверяется и если надо конвертируется кодировка(а то заметил, что иногда возникают затыки с русскими символами)). Всё работает зачемятельно, за исключением того, что после редактирования, при отправке назад в БД, игнорируются переносы строки. Не подскажите, как правильно "побороть" это? |
Цитата:
Цитата:
В чем это выражается? |
Спасибо за ответ!
Цитата:
Цитата:
Это мой текст. Это: мой текст. А в БД он сохраняется так: Это мой текст. Это:мой текст. При этом, очень важный момент, если в тексте УЖЕ были переносы, до ajax-редактирования, то они сохраняются. |
Видишь, как простое на этапе выбора решение, оборачивается полной задницей на этапе реализации. С простыми решениями всегда такая засада. Теперь ты захотел кросс-браузерный конвертер переносов, потом с кодировками и хтмлем геморрой. И это все, вместо того, чтобы подставлять обычный textarea и по тем же каналам и с теми же скриптами все посылать и обрабатывать.
Атрибут contenteditable придуман не для таких задач. Это вот когда ты можешь отредактировать веб-страницу, чтобы сохранить ее как в файл, или отправить на печать, или сделать снимок. Но точно не для ввода текста. |
warren buffet,
Ну... таки работает )) Эта возможность будет только у админов форума. То-есть это не рабочий вариант. Но есть контент, в довольно большом количестве, который нужно править. Я не придумал ничего лучше чем это. А Вы имеете ввиду, что лучше, по двойному клику преобразовать div в textarea и при потере им фокуса снова возвращать в div? Цитата:
|
Цитата:
|
laimas,
И там и там выглядит так. На странице естественно только после обновления. А в БД именно без переноса и сохраняется. |
Цитата:
|
$currentDlFile.text() - а надо html получать. Но учтите, это будет BR.
PS. Зачем для простого текста использовать contenteditable, а не просто textarea? |
Цитата:
Цитата:
Цитата:
Цитата:
Вот вариант: http://jsfiddle.net/GeJkU/ я так понимаю это оно? ЗЫ///Всем спасибо за подсказки! |
Часовой пояс GMT +3, время: 17:01. |