javascript - 设置所见即所得编辑器的默认字体类型

Question

我正在编写一个所见即所得的编辑器。我希望编辑器的默认字体为Avenir Next. 但是，无论我做什么，我似乎都无法设置 content editable 的默认字体类型iframe。（我可以包含一个选项来更改突出显示的文本的字体类型，但这不是我想要的。我希望字体类型Avenir Next在我第一次输入时已经设置为iframe。）

下面我已经包含了 mytextarea和的代码iframe。有人可以给我 CSS 或 javascript 行来帮助我解决这个问题吗？谢谢！

<textarea  name = "content" id = "content" style = "display: none;" >
</textarea>
<iframe onload="iframe()" name = "editor" id = "editor" contenteditable="true" style = "width: 100%; height: 400;">
</iframe>

标签： javascripthtmlcsseditorwysiwyg

Answer 1

您必须在该 iframe 的样式上设置字体系列属性，例如：

body { font-family: 'Avenir Next' }