如何使用jquery在div内容中更改行高?

时间:2015-11-30 15:45:24

标签: javascript jquery html css

其实我使用以下代码:

$('.editable').each(function() {
  this.contentEditable = true;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="editable"></div>

实际上Ctrl+I , Ctrl+B, Ctrl+U可以很好地格式化我的内容。有没有办法使用jquery更改选定的文本行高度。请帮助解决我的问题

2 个答案:

答案 0 :(得分:1)

您有id="editable"并尝试按class选择它:$('.editable'),这不起作用。将其更改为:

HTML

<div class="editable"></div>

的JavaScript

$(".editable").attr("contenteditable", "true");

CSS

.editable:focus{
    line-height: 50px;
}

看看this JSFiddle。

答案 1 :(得分:1)

据我所知,您想要更改文本的行高CSS属性。 为此,您只需使用:

$('.editable').css('line-height', '14px');

如果要处理所选文本,请使用:

window.getSelection()