даже установив contentEditable="true" в теге span, в fire fox этот тег не может редактироваться, в то время как в IE нет проблем. что я могу сделать?
как сделать редактируемый диапазон в fire fox
Ответы (4)
contenteditable — это новый атрибут html5, проверьте, поддерживает ли его ваш браузер.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>test</title>
<script>
if('contentEditable' in document.createElement('span')){
alert('ContentEditable is supported by your browser');
}else{
alert('ContentEditable is not supported by your browser');
}
</script>
</head>
<body>
<h2> To-Do List </h2>
<ul contenteditable="true">
<li> <span>Break mechanical cab driver. </span></li>
<li> <span>Drive to abandoned factory</span></li>
<li><span> Visit Dentist</span> </li>
</ul>
</body>
</html>
Если вы ищете исправление, вот плагин под названием contentEditable jQuery Plugin. URL: http://valums.com/edit-in-place/
Это связано с тем, что contentEditable не является допустимым HTML, даже если он распознается IE.
contentEditable
атрибут является действительным атрибутом HTML5 и Насколько я вижу, Firefox справляется с этим довольно хорошо.
Во-первых, и я могу ошибаться здесь, но правильное использование из того, что я видел в Интернете, - это строчные буквы, а не верблюжьи.
<span contenteditable="true">EDIT THIS!</span>
Работает в Firefox>MacOSX просто отлично, даже без установки типа документа.
Единственное объяснение, которое я могу придумать, это то, что ваша версия Firefox устарела и вам нужно обновиться.
это сработало, но когда тег span находится в теге li, он не будет работать!
- РЕДАКТИРОВАТЬ ЭТО!
этот тег никогда не редактируется