如何使用document.execCommand更改字体大小?

时间:2018-08-18 13:55:03

标签: javascript jquery

我一直在尝试使用font-size通过以下功能来更改div中选定文本的document.execCommand

var execFontSize = function (size, unit) {
  var spanString = $('<span/>', {
    'text': document.getSelection()
  }).css('font-size', size + unit).prop('outerHTML');
  document.execCommand('insertHTML', false, spanString);
};

但是,此功能仅适用于选定的文本。如果我尝试再写div,则文本大小不会改变。我不想使用document.execCommand("fontSize", false, 5),因为您只能使用7种尺寸。

1 个答案:

答案 0 :(得分:1)

document.execCommand默认情况下会生成HTML标记,因此-如您所提到的,您受h1h2的限制。但是,您可以将styleWithCSS设置为true,以便附加style属性,并使用CSS代替HTML标记。

参考号:https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand