innerHTML을 사용하는 Firefox contentEditable 문제

"contenteditable"태그에 문제가 있습니다. Firefox에서만 발생합니다. 나는 사용자가 그가 만들고있는 조사의 제목과 동적으로 생성 된 질문의 제목을 수정할 수 있기를 바랍니다. IE와 Chrome에서는 잘 작동하지만 Firefox에서는 질문 제목을 수정할 수 없습니다. https://gyazo.com/f142c432fcd2994a5f254106d912ff11 innerHTML을 사용하는 Firefox contentEditable 문제

과 파이어 폭스에 : 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는"장애인 FIELDSET 때문에3210

은 아마는 다음과 같습니다

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

그러나 다른 모든 브라우저에서 작동하기 때문에 문제 ...

출처

2017-04-05 Raytho

firebug에서 오류를 보았습니까? – ManiMuthuPandi

@ManiMuthuPandi 아니요, 페이지를로드 할 때 또는 질문 제목을 클릭 할 때 아무런 오류가 없습니다. – Raytho

문제는, 그것을 해결되는 경우, 난 정말 볼 수 없습니다 실제로 "장애인"태그 때문이었습니다. 파이어 폭스는 "비활성화 된"div 안에 "contentEditable"을 허용하지 않는 유일한 브라우저 인 것 같아서 삭제했다. 이제는 질문 제목을 더 이상 사용할 수 없도록 각 anwser 입력에 추가한다. (나는 그것이 분명하다면 미안합니다.)

출처

2017-04-05 10:03:32 Raytho

innerHTML을 사용하는 Firefox contentEditable 문제

답변

관련 문제