javascript - 加粗文本 "Inside"a textarea

标签 javascript jquery

我有一个文本区域#myarea,我正在其中输入文本。我已经输入了这段文字。

This is a sentence and only this word will end up being bolded

现在我在侧面有一个按钮,就像一个粗体按钮。我想选择我想要加粗的字母,单击按钮,然后看到这些字母在文本区域内变为粗体。它类似于许多编辑器中的标准功能,但我正在寻找更简单的功能,如我在此处所述。

那么有没有办法用 jquery 做到这一点?我猜这是一个由两部分组成的问题。我需要找到选中的字母,然后对它们应用粗体,以便在文本区域内显示粗体。

最佳答案

如果您不介意使用将 ContentEditable 属性设置为 true 的 div,那么您可以使用以下方法轻松地做到这一点:

document.execCommand('bold',null,false);

您可以轻松地设置此 div 的样式,使其看起来和感觉起来像一个文本区域。

在这里查看 jsFiddle:http://jsfiddle.net/hqvDT/1/

关于javascript - 加粗文本 "Inside"a textarea,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6194229/

相关文章:

javascript - 在 JavaScript 中使用小数

javascript - 使用 Selenium(不带 Firefox 扩展)从 Firefox 43 检索控制台日志

php - 使用 Jquery 和 Ajax 动态填充表单

javascript - “预检响应无效(重定向)”错误

javascript - YUI 压缩器错误 - jQuery Autotype

javascript - 无法从 http post 方法获取 req.body 属性

javascript - Nodejs promise 无法正常工作?

javascript - 按名称调用函数(例如namespace.show)

jquery - 根据特定条件将我表格中的某些列变灰

javascript - 如何让 ng-show 在 ng-repeat 中在该范围外声明的变量上工作?