텍스트 영역 안에 HTML5 서식있는 텍스트

Question

새로운 HTML5가 텍스트 영역에 리치 텍스트 기능을 추가하여 (더 유연하게 만들 것입니다), 매우 복잡한 자바 스크립트없이 코드 구문 강조 편집기와 같은 작업을 수행 할 수 있다고 들었습니다 (iframe 및 물건).

사실인가요? 아직 지원하는 브라우저가 있습니까? 그리고 API는 어디에서 찾을 수 있습니까?

Answer 1

어디에서 들었습니까? W3Schools > HTML5 > textarea에서 보았는데 나는 이것이 사실이라는 것을 전혀 볼 수 없다.

편집가 : 인해 W3 스쿨 그것을이 시점에서 같은 일이 필수적 임에도 그래도

을 싫어하는 사람들의 의견에 더 많은 링크를 추가, 여기에 spec뿐만 아니라, wiki 텍스트 영역에 대한 W3.org의 링크입니다 텍스트 영역 용. 또한 2012 년 3 월 29 일 현재 differences (html 4 및 5)의 문서는 다음과 같습니다.

Answer 2

새로운 contentEditable 속성을 사용한다고 생각합니다. 이것은 텍스트 영역이 아니라 오히려 요소 속성입니다. 이는 콘텐츠 변경을 허용하는 데 유용합니다.

등 브라우저 가능성이 대담한 당신에게 도구 모음을 제공하지 않습니다 http://html5demos.com/contenteditable

공지 사항, 이탤릭체를 시도하지만 크롬은 텍스트를 선택할 수와 CTR-B, CTR-I 등 상황이 있습니다를 사용합니다 아직도 이것으로 다림질되고있다.

기본적으로 진행 중이며 브라우저 호환성을위한 최선의 방법은 tinymce와 같은 wysiwyg 편집기를 사용하는 것입니다.

Answer 3

Aloha Editor을 찾고 계십니까?

새로운 contenteditable 속성을 사용하여 선택한 모든 div에 WYSIWYG 편집기를 추가합니다.

demos을보세요.

Answer 4

당신이 (나 같은)을 찾고하는 경우 NO-JQuery와 도구 (순수 HTML/CSS + 기본 JS), 다음 내가 찾은 최고의 옵션 중 일부는 없습니다 :

1. wysihtml5
그럼에도 불구하고

Squire

ckeditor

widgEditor

, 상점 se 위의 목록에있는 모든 요소 (textarea) iframe으로 변환, 그래서 정확히 내가 뭘 찾았는지, 마침내 나는 원래 요소 (divs 또는 그렇게 존경하는 하나를 발견했지만 텍스트 영역을 사용하는 경우

1. nicedit

희망이 당신을 너무 도움 : 전체 간단 JS 응용 프로그램 개발을 허용하는 추가 DIV)을 생성한다!