2014-02-27 4 views
0

'bold'버튼과 텍스트 영역으로 구성된 특정 HTML 코드를 보완합니다.텍스트 영역에서 텍스트를 굵게 설정

<form name="myform"> 
< input type="button" onClick="Bold()" value="Bold"> 
</form> 

<textarea name="myTextArea" id="myTextArea" cols="100" rows="14" placeholder="Enter Text Here ...">< /textarea> 

Heres는 내 자바 스크립트 내가 뭘 잘못

function Bold() { 
    myTextArea.document.execCommand('bold',false,null); 
} 

????

+0

당신은 무엇을 설명 할 수 이 코드는'myTextArea.document.execCommand ('bold', false, null); –

+0

굵게, 기울임 꼴 등의 더 많은 기능을 원한다면 이것도 사용할 수 있습니다. http://ckeditor.com/demo – Ashish

+0

우선 JavaScript는 HTML 요소로 'myTextArea'를 인식하지 못하기 때문에 효과가 없을 것 같습니다. . 요소를 쉽게 인식하기 위해'jQuery'와 같은 라이브러리를 사용할 수 있습니다. 둘째, @Pilot이 말했듯이'.document.execCommand ('bold', false, null);이 무엇인지 모릅니다. 그 코드는 어디에서 가져 왔습니까? –

답변

2

당신은 간단하게 다음과 같이 자바 스크립트를 사용할 수 있습니다

function Bold() { 
    document.getElementById("myTextArea").style.fontWeight = 'bold'; 
} 

Demo

+0

이 스크립트는 전체 텍스트 영역에 적용됩니다. 문장에서 굵은 글씨로 단어를 만들고 싶다면 어떻게해야할까요? – invincibles04

1

당신이 텍스트 영역은 굵은 텍스트를 표시하려면 CSS 스타일 속성을 통해이 작업을 수행 할 수 있습니다 또한

<textarea style="font-weight: bold">test-text</textarea> 

, 당신은 div이 insted 및 contenteditable="true"http://jsfiddle.net/XNkDx/2852/를 설정 사용할 수 있으며, 사용 단축키 ctrl+b

업데이트 : 버튼을 사용하고 싶다면 선택한 텍스트를 가져와 변경하십시오. http://jsfiddle.net/XNkDx/2859/

+0

고마워, 내가 만들고있는 것은 워드 프로세서이고 나는 그렇게 할 수 있다는 것을 알고있다. 문장이 있고 CSS로 다시 편집하기보다는 한 번의 특정 단어를 굵게 만들고 싶었습니까? – invincibles04

+0

나는 내 대답을 편집했다. 간단한 'div' 요소를 사용하려고한다. –

+0

나는 내 대답을 다시 편집했다. 나는 그것이 도움이되기를 바란다. –

0

나는 string.bold() 함수를 사용해야한다고 생각합니다. 이와 같은 자바 스크립트의 :

function Bold() { 
    var str = document.getElementById('myTextArea').value(); 
    var result = str.bold(); 
} 

또는 사용할 수있는 CSS 스타일

{font-weight:bold;} 
관련 문제