Сохранять HTML-теги после редактирования элемента
 

Sup. Не знаю что делать - уже всё перепробовал.
У меня есть пост.

<td class="post" id="p228">
	<div class="message">
		text
	</div>
</td>

По клику на "Edit post" мне нужно, чтобы к нему добавлялся атрибут contentEditable.
После чего пост редактируется модером, а, по событию blur, contentEditable убирается из поста и спрашивается сохранять ли.
Вот в чём проблема: после того, как отредактировал пост и убрал conentEditable все HTML-теги экранизируются. Т.е. <a> заменяются на &lt;a&gt;, и ссылки не добавляются в пост, а остаются просто текстом. Как это исправить?
Весь пост декодировать - не вариант, ибо для обычных юзеров запрещены HTML-теги и они экранизируются таким-же образом ещё при постинге.
Как можно записывать сразу HTML?

Эот явно не проблемы "Элементов интерфейса"... Т.ч. раздел явно не тот...

Да с чего бы это. Вобще, чистый contentEditable может создать ненужный хлам, почему бы не подключить редактор, например CKEditor?

Это получаются ентитьки (html entity), проверьте разницу между innerHTML и textContent элемента. Я не проверял. В любом случае ентитьки можно сконвертировать в html, надо только функцию найти.

Потому, что:

1. Как и все лишнее, занимает место и память.
2. Это, можно сказать, принцип: работать без сторонних кодов.
3. Выглядят почти все редакторы страшно: обилие ненужных кнопок, возможно, дичайшие CSS, которые вряд-ли будут нормально выглядеть вместе с стилями сайта.
4. Имеет ли смысл ставить это только ради редактирования?

Покажи пожалуйста свой код, который даст нормальный Html, а не хлам, который генерируется браузером?

Не видел ни одного редактора без настроек тулбара. А ты видел?
CKEditor, начиная с 4 версии вполне симпатичен. Есть скины. Можешь создать свой, это не трудно.Ну глупый вопрос ведь )) Если стоит задача предоставить возможность визуального редактирования HTML, то стало быть - имеет ))

Вам на серверных языках надо поработать чтоб вы с облегчением хавали память юзера без ограничений. На клиенте всего дохера и памяти тоже. Все эти заморочки по экономии ресурсов - пое...нь. Народ качает видосы в HD, в том числе гаджетами, а тут понимаешь надо ему запросов бы уменьшить, включив css в html и js туда же... смешно.

Сейчас еще такой тренд по экономии батарейки. Типа у кого правильные медийные риквесты, у того батарейка дольше живет. Одуреть.

2chan, contentEditable ничего не экранирует(из того что создано браузером), если вам нужно писать и изменять сам код(подобие Edit inner HTML в инструментах разработчика), то contentEditable вам тут совсем не помощник. Подставляйте textarea с содержимым и убирайте при сохранении.

Так вот о чем он) Одуреть ))

1. Грамотные люди иконки не давят, знают про Ctrl+b, Ctrl+i. Уберите кнопки - шоркаты останутся.

2. Такие редакторы гнездятся в iframe, как раз во избежание ингресса стилей.

3. Теоретически существует <style scoped>

Я имел в виду то, что после перевода скриптом contentEditable в false экранизируются теги.

Активно юзаю, но для редактирования поста и отправки новой версии на сервер - не подойдёт :з

Тоже об этому думаю. Если получится - буду стилизовать, лол.

Думаю, запилю. Тут больше со стилями мучатся... Всё должно выглядеть красиво: админ нажал "Edit post" → к посту добавилось contentEditable и две кнопочки: "Save" и "Cancel. Админ нажал "Save" → содержимое AJAX-ом на сервер, contentEditable переводим в false. Ничего лишнего.

Тулбар в любом случае мешает, как мне кажется.

Значит так написан скрипт :haha:
Пример только для демонстрации

<p id="test">
  <b>Тестим</b>
  <i>редактирование</i>
</p>
<input type="button" value="Включить редактирование" onclick="editTest();" />
<input type="button" value="Выключить редактирование" onclick="closeEdit();" />
<input type="button" value="Показать Html" onclick="showHtml();" />
<script>
  function editTest() {
    test.contentEditable = true;
  }
  function closeEdit() {
    test.contentEditable = false;
  }
  function showHtml() {
   alert(test.innerHTML);
  }
  
</script>

Poznakomlus, да ёпт, яж выше написал что ему нужно.

2chan, либо чистая textarea, либо готовый редактор кода. В firefox например встроен codemirror. Сам стилизировать будешь - проклянёшь всё и вся.