Блог

Ладно, вот такая ситуация:

У меня есть <details> тег, и я хочу сделать его <summary> тегом contenteditable в какой-то момент во время программы. Проблема в том, что когда у меня есть редактируемая сводка, я не могу использовать клавишу пробела, потому что пробел по умолчанию открывает и закрывает тег сведений. Вот пример:

 <details>
  <summary contenteditable>Edit me!</summary>
  <p>Some content here</p>
</details> 

Я не могу использовать event.preventDefault() , потому что это также предотвратит ввод пробела. Есть ли какой-то способ, с помощью JS или HTML, чтобы я мог разрешить пользователю добавлять пробел при редактировании тега сводки?

Не повезло. Но одна вещь, над которой я работал .preventDefault() , — это вручную вставить пробел с помощью execCommand() или insertNode() : https://jsbin.com/yoxuwos/2/edit?html,js,вывод