【问题标题】:Bold selected text in text area using java script使用javascript在textarea中粗体选择文本
【发布时间】:2013-02-24 13:41:42
【问题描述】:

只需在文本区域内将所选文本加粗

这是我的代码:

<script type="text/javascript">
function Bold() {
    document.getElementById('firstTextarea').value = 'bold';
</script>

HTML:

<textarea id="firstTextarea" rows="12" cols="40"></textarea>
<button onclick="Bold();">Bold</button>

【问题讨论】:

  • 您设置了 textarea 元素的错误属性。见 udidu 的回答。
  • 您可能想在这里查看这篇文章:stackoverflow.com/questions/275761/…
  • 这在标准的 textarea elemento 中是不可能的。您必须使用带有可编辑 html 的 div 或所见即所得的编辑器,如 ckeditor、cleditor 或 tiny MCE。

标签: javascript html textarea getelementbyid


【解决方案1】:

您正在设置该 Textarea 字段的 value 属性。你要设置的是font-weight 属性,它是这样完成的:

document.getElementById('firstTextarea').style.fontWeight = 'bold';

【讨论】:

  • 它不会将所选文本加粗,而是将所有文本加粗
  • 这是否意味着答案是您应该将所有文本加粗?
  • 非常感谢您的输入,但这根本不起作用,甚至没有将文本区域中的文本加粗,尽管我的按钮可能有问题
  • @user2104513.. 尝试将您的字体更改为其他字体.. textarea 的默认字体(等宽)有时看起来像正常的粗体...
  • @jonasnas,不,如果您想突出显示选定的文本,您应该使用其他内容而不是 textarea..
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-01-16
  • 1970-01-01
  • 2013-02-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多