Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Сохранять HTML-теги после редактирования элемента (https://javascript.ru/forum/dom-window/50534-sokhranyat-html-tegi-posle-redaktirovaniya-ehlementa.html)

kostyanet 11.10.2014 21:58

Цитата:

Сообщение от 2chan
Выглядят почти все редакторы страшно: обилие ненужных кнопок, возможно, дичайшие CSS, которые вряд-ли будут нормально выглядеть вместе с стилями сайта.

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

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

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

2chan 12.10.2014 01:03

Цитата:

Сообщение от Aetae
contentEditable ничего не экранирует

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

Цитата:

Сообщение от Aetae
Edit inner HTML в инструментах разработчика

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

Цитата:

Сообщение от Aetae
textarea с содержимым и убирайте при сохранении.

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

Цитата:

Сообщение от danik.js
код, который даст нормальный Html

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

Цитата:

Сообщение от danik.js
Не видел ни одного редактора без настроек тулбара

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

Vlasenko Fedor 12.10.2014 01:36

Цитата:

Сообщение от 2chan (Сообщение 334949)
Я имел в виду то, что после перевода скриптом 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>

Aetae 12.10.2014 11:42

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

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


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