어떻게 텍스트 영역 콘텐츠를 스타일 지정하거나 텍스트 영역 동작과 같은 div 동작을 설정할 수 있습니까?

Question

아주 간단한 html 편집기 (WYSIWYG 아님)을 만들고 싶습니다.을 기반으로합니다.

내 질문은 내가 (예를 들어 파란색으로 <strong>some stuff</strong> 변화 <strong> 색) 다음

스타일 즉, 태그를 그 위에 텍스트를 쓰기

• 가능한 textarea 또는 div을 만들 수있는 방법입니다

나는 정규 표현식을 사용하는 방법과 나중에 DOM을 조작하는 방법을 묻지 않습니다. 해결할 문제는 내 것이기 때문입니다. D 그냥 "playgroud"를 만드는 방법입니다.)

내가 textarea를 사용할 때 그것은 흠 (불가능합니까?) div를 사용할 때 div ...을 사용할 때도 div : D에 쓸 수 있습니다. div에서 textarea 동작을 어떻게 연결할 수 있습니까? http://codemirror.net/mode/xml/index.html

Answer 1

체크 아웃 당신이 가능하게이 작업을 수행 할 수있는 방법을 표시하려면이 빠른 fiddle : 여기

편집 비슷한 무언가이다.

$('#edit').keydown(function(){ 
    var text = $(this).val(); 

    $('#preview').html(text); 
}); 

이

은 HTML

<textarea id="edit"> 

</textarea> 
<div id="preview"></div> 

을하고 CSS를 그것에 대해

#preview{ width:100%; background-color:#eee; padding:20px} 

#preview strong{color:blue;}