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

标签 javascript jquery

我一直在尝试使用 document.execCommand 更改 div 中选定文本的 font-size,方法是使用此函数:

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 种尺寸。

最佳答案

document.execCommand 默认情况下生成 HTML 标记,因此 - 正如您提到的,您只能使用 h1h2。但是,您可以将 styleWithCSS 设置为 true,以便附加 style 属性并使用 CSS 而不是 HTML 标记。

引用:https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

关于javascript - 如何使用 document.execCommand 更改字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51909403/

相关文章:

javascript - 如何使用 css 制作自动调整水平线 DIV 大小?

javascript - Greasemonkey 替换代码

javascript - React + Meteor 中的无限滚动

javascript - API 不适用于 Javascript window.location

javascript - SASS (CSS) 逻辑与 JQuery(Javascript) 逻辑

javascript - jQuery 代替 Flash 动画

javascript - 在 Angularjs 中单击按钮时上传文件

javascript - 概念 - 从 PHP 对象创建客户端验证

javascript - 显示 jquery ui "instance"方法的键和值

jquery - 如何使用 jquery validate 验证表单的动态部分