2011-12-06 3 views
0

자바 스크립트를 사용하여 텍스트를 굵게 표시하려고합니다. 그물을 검색 한 결과 문자열을 대담하게 만든 후에 document.write()를 수행 할 수있는 것 같습니다. 동일한 HTML 텍스트 영역에서 새 페이지를 열지 않고도이 작업을 수행 할 수있는 방법이 있습니까?자바 스크립트가 텍스트를 굵게 표시합니까?

function bold() 
{ 
    document.write(selectedText.bold()); 
} 

편집 : 나는 텍스트 편집기를 구현하고 있는데는 HTML 텍스트 영역을 사용하고, 나는 등 나는 부분을 선택 할 수 있도록하려면 굵게, 기울임 꼴, 모든 기능을 추가하려고 작성된 텍스트를 굵게 표시하십시오.

+0

휠체어를 다시 발명하는 것보다 [Javascript WYSIWYG Editor] (http://ckeditor.com/demo)를 사용하는 것이 더 나을 것입니다. (궁극적으로 사용자의 선택을 볼드/이탤릭/등 전에 상자를 편집하십시오.) –

+0

나는 배우려고 노력하고 있습니다. –

답변

6
// method 1: direct write out something with bold tags 
document.write('<b>My Bold Text</b>'); 

// method 2: add an element styled to be bold 
var span = document.createElement('span'); 
span.innerHTML = 'My Bold Text'; 
span.style.fontWeight = 'bold'; 
document.getElementsByTagName('body')[0].appendChild(span); 

// method 3: add an element classed to be bold 
// add style sheet first: 
// <style type="text/css">.bold { font-weight: bold; }</style> 
// then the jS: 
var span = document.createElement('span'); 
span.innerHTML = 'createElement.className - My Bold Text'; 
span.className = 'bold'; 
document.getElementsByTagName('body')[0].appendChild(span); 

그런가요? 그렇지 않으면 귀하의 질문에보다 구체적으로 기재하십시오.

+0

[자바 스크립트를 사용하여 텍스트 본문보기] (http://jsfiddle.net/3vR4s/) –

+0

내 글을 편집했는데 HTML 텍스트 영역에서 텍스트를 굵게 표시하면 어떻게됩니까? –

+0

@yahyakh : '