Question

我是javascript的新手，出于实践目的，我正在使用RTF编辑器。但是我遇到了一些问题。

我通过javascript将字体大小更改为px。但问题是我无法更改特定文本/行的字体大小。对于第一行，它运行良好。但是，当我更改下一行或para的字体大小时，整个文本编辑器的字体大小也会发生变化。
我想在输入数字中显示所选内容的字体大小。我的意思是，如果我单击或选择行/段落/单词，则所选行/段落的字体大小将在输入数字框中显示为值。

我已经尝试过这些线。

<label for="">Font Size
<input class="font-size" type="number" min="0" max="72" value="14"></label>
<iframe name="textEditor" class="richTextEditor" frameborder="0"></iframe>

textEditor.document.designMode = 'on';
document.querySelector('.font-size').addEventListener('change', function () {
    let changedFontSize = document.querySelector('.font-size').value
    textEditor.document.execCommand('fontSize', false, changedFontSize)
    var fontElements = textEditor.document.getElementsByTagName("font")[0];
    fontElements.removeAttribute("size");
    fontElements.style.fontSize = changedFontSize + "px";
});

我该如何解决这些问题？

这是现场示例： https://jsbin.com/bikobuputu/edit?html,js,output

如何在RTF编辑器中更改特定行的字体大小和行单击以显示字体大小？

0 个答案: