☰

jeditable WYSIWYG 플러그인이 웹 브라우저마다 다르게 동작하는 이유는 무엇입니까?

tag-icon • tag-icon browser html compatibility jquery wysiwyg
jeditable WYSIWYG 플러그인이 웹 브라우저마다 다르게 동작하는 이유는 무엇입니까?

일반적으로 wysiwyg 편집기에 문장을 입력할 때 다음 줄에 문장이 필요한 경우 Enter 키를 누르면 자동으로 태그가 삽입됩니다 <br>. 그러나 jeditable WYSIWYG 편집기를 사용하면 인터넷 익스플로러 <p></p>대신 태그가 삽입되고 크롬에는 태그가 삽입됩니다.<br>

하지만 Mozilla에 태그를 삽입하고 있습니다 <br>(올바른 것임). IE에서는 jeditable WYSIWYG 편집기에서 Enter 키를 누를 때 <p>대신 태그를 제공합니다 <br>.

저는 Jeditable을 인라인 편집기로 사용하고 있습니다(참조:데모). wysiwyg 편집기를 사용할 때 다음 줄에 문장을 입력하면 Firefox는 </br>올바른 태그를 사용하여 출력을 표시합니다.

그러나 크롬과 인터넷 익스플로러에서는 다른 출력이 표시됩니다.

예를 들어:

원본 출력은 Lorem Ipsum<br>is simply dummy Firefox에서 올바르게 표시되어야 합니다.

하지만 Internet Explorer에서는 출력이 <p>Lorem Ipsum</p><p>is simply dummy</p> 이고 Chrome에서는 입니다.<div>Lorem Ipsum</div><div>is simply dummy</div>

Firefox와 같은 모든 브라우저에서 이것을 동일하게 만들려면 어떻게 해야 합니까?

답변1

그만큼데모매우 오래된 버전을 사용하고 있습니다.jWYSIWYG플러그인 (제안대로여기) 따라서 업그레이드된 코드를 사용해야 합니다.

편집기가 초기화되고 텍스트 영역에서 콘텐츠가 로드되지 않을 때 <br>.

아마도 찾고 있는 커밋 수정 사항은 다음과 같습니다.

README의 brIE 옵션에 대한 설명과 동일한 기능에 대한 일부 코드 리팩토링작성자: stianlik.

Enter 키는 더 이상 스타일을 "단락"으로 재설정하지 않지만 사용자가 도구 모음에서 "단락"을 명시적으로 선택할 때까지 "머리글 1"을 계속 작성합니다.

brIE이 동작을 제어하려면 옵션을 사용할 수 있습니다 . 을 체크 해봐읽어보기상세 사항은.

관련된:

관련 정보