使用innerHTML的Firefox contentEditable問題

Question

我有一個標簽“contenteditable”的問題，只在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"));

也許是因為“viewForm”是一個禁用的字段集：

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

但由於它適用於所有其他瀏覽器，我真的不知道問題出在哪里......

Answer 1

問題解決了，實際上是因為“禁用”標簽。 Firefox似乎是唯一一個不允許在“禁用”div中使用“contentEditable”的瀏覽器，因此我將其刪除，現在我將其添加到每個anwser輸入中，以便不再禁用問題標題。 （我希望很清楚，對不起，如果不是）