2014-02-27 131 views
0

继承自特定的html代码,其中包含按钮'bold'和文本区域。在文本区域中将文本设置为粗体

<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> 

下面有我的JavaScript

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

什么我做错了????

+0

你能解释一下什么是这个代码'myTextArea.document.execCommand('bold',false,null);'? –

+0

你也可以使用它,如果你想要更多的功能,如粗体,斜体等http://ckeditor.com/demo – Ashish

+0

首先,我认为这是行不通的,因为JavaScript不识别'myTextArea'作为HTML元素。你可以使用类似'jQuery'的库来轻松识别元素。其次,正如@Pilot所说,我不知道'.document.execCommand('bold',false,null)是什么。你从哪里拿到这些代码? –

回答

2

你可以简单地使用JavaScript这样的:

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

Demo

+0

这个脚本适用于整个textarea,如果你想用一个粗体的句子来表达一个单词。 – invincibles04

1

如果你想textarea的显示粗体文字,你能做到这一点通过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()函数像这样的javascript:

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

,或者您可以使用CSS样式

{font-weight:bold;} 
相关问题