javascript/jquery

Question

을 사용하여 사용자 입력의 라이브 스타일을 지정하는 방법 javascript/jquery에서 실시간 스타일러를 만들기위한 라이브러리 또는 제안을 검색하는 중. 아이디어는 내 사용자가 HTML 텍스트 입력을 가지고, 나는 실시간으로 몇 가지 패턴을 감지하고 그것에 스타일을 적용해야합니다. 예를 들어, #가 모든 태그를 고려해야하는 #some_text를 작성한 경우입니다. 굵은 글씨로 #some_text.

임 매우 새로운 자바 스크립트이므로 어디서부터 시작해야할지 모르겠다. 나는 약간의 연구를했지만 이미 어떤 라이브러리도 만들지 않았다. 어떤 도움이나 제안을 해주셔서 감사합니다!

Answer 1

jQuery Tagit은 어떤가요?

이처럼 초기화 할 수 있습니다 :

<script> 
     $(function() { 
      var availableTags = [ 
       "#some_text1", 
       "#some_text2", 
       "#some_text3" 
      ]; 

      $('#tags').tagit({tagSource: availableTags}); 
     }); 
</script> 

<ul id="tags"></ul> 

Answer 2

이 웹 사이트에서는 이와 비슷한 것을 사용합니다. 편집기에 질문이나 답변을 쓸 때마다 아래 영역에서 실시간 업데이트가 제공됩니다. 서식을 적용하면 미리보기 영역에서 실시간으로 업데이트됩니다.

여기에는 Markdown이라는 표준 마크 업 구문이 사용됩니다. Markdown을 지원하는 많은 도구가 있으므로 jQuery 및 오프라인 편집기 (Windows 및 Mac)에 대한 통합을 찾을 수 있습니다.

Check this question and its answers 이렇게하는 일부 편집자는

the stand-alone version of the Stack Overflow editor도 확인하십시오.

Answer 3

어쩌면 이것은 당신이해야 할 이해하는 당신에게 조금 도움이 :
http://jsfiddle.net/EeGxs/3/
내가 한 모든 '를 keyDown'하는 이벤트 리스너를 추가입니다 이는 키가 눌려진 것을 의미하며, 줄에 '#'이 있는지 그리고 굵게 표시된 p-tag에 추가하면 그냥 볼 수 있습니다. 유일한 데모입니다.