Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 11.10.2014, 21:58
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

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

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

3. Теоретически существует <style scoped>
Ответить с цитированием
  #12 (permalink)  
Старый 12.10.2014, 01:03
Аспирант
Отправить личное сообщение для 2chan Посмотреть профиль Найти все сообщения от 2chan
 
Регистрация: 11.07.2014
Сообщений: 69

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

Сообщение от Aetae
Edit inner HTML в инструментах разработчика
Активно юзаю, но для редактирования поста и отправки новой версии на сервер - не подойдёт :з

Сообщение от Aetae
textarea с содержимым и убирайте при сохранении.
Тоже об этому думаю. Если получится - буду стилизовать, лол.

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

Сообщение от danik.js
Не видел ни одного редактора без настроек тулбара
Тулбар в любом случае мешает, как мне кажется.
Ответить с цитированием
  #13 (permalink)  
Старый 12.10.2014, 01:36
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

Сообщение от 2chan Посмотреть сообщение
Я имел в виду то, что после перевода скриптом contentEditable в false экранизируются теги.
Значит так написан скрипт
Пример только для демонстрации
<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>
Ответить с цитированием
  #14 (permalink)  
Старый 12.10.2014, 11:42
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,589

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проверка HTML элемента на существование MCTrane Общие вопросы Javascript 10 26.02.2014 20:51
как удалить элемент который идет после элемента .form? FRIE jQuery 2 03.06.2011 14:35
Текст после элемента Vulkan Events/DOM/Window 3 15.10.2010 11:59
после выбора элемента vanderv jQuery 4 30.05.2010 23:35
У элемента img внутри form пропадает событие после onsubmit формы Eugene Events/DOM/Window 2 18.06.2009 19:21