Question

我对标记＆＃34; contenteditable＆＃34;有问题，仅在firefox中。我希望用户能够修改他正在创建的调查的标题，以及动态创建的问题的标题。它适用于IE和Chrome，但在Firefox上我无法修改问题标题。

这是它的样子在chrome：https://gyazo.com/f142c432fcd2994a5f254106d912ff11

并在firefox上：https://gyazo.com/5e454710231dc5c957dc46358cf92cf0

标题的代码（完全正常）是

<h3 id="surveyTitle" class="text_justify fi-page-edit" contenteditable="true">Survey title</h3>

对于生成的问题

    var questionDiv = document.createElement("div");
    questionDiv.innerHTML = "<div class='large-12 columns mybold fi-page-edit' style='resize: none;' contenteditable='true' id='title"+questionNumber+"'>Question "+questionNumber+"</div>  </br>";
    var container = document.getElementById("viewForm");
    container.appendChild(questionDiv);
    container.appendChild(document.createElement("br"));

也许是因为＆＃34; viewForm＆＃34;是一个禁用的字段集：

<form>
  <fieldset disabled="disabled" id="viewForm">
  </fieldset>
</form>

但由于它适用于所有其他浏览器，我真的不知道问题出在哪里......

Answer 1

问题解决了，实际上是因为“禁用”标签。 Firefox似乎是唯一一个不允许在“禁用”div中使用“contentEditable”的浏览器，因此我将其删除，现在我将其添加到每个anwser输入中，以便不再禁用问题标题。（我希望它很清楚，对不起，如果不是这样的话）

使用innerHTML的Firefox contentEditable问题

1 个答案: