如何在wangEditor使用wangEditorFontSize
时间: 2023-12-01 13:55:40 浏览: 72
要在wangEditor中使用wangEditorFontSize,您需要先在HTML中添加一个下拉菜单或其他选择器,然后在JavaScript中定义一个change事件来获取所选字体大小并将其应用于编辑器。以下是一个简单的示例:
HTML:
```html
<select id="fontSize">
<option value="12px">12</option>
<option value="14px">14</option>
<option value="16px">16</option>
<option value="18px">18</option>
</select>
<div id="editor"></div>
```
JavaScript:
```javascript
var editor = new wangEditor('editor');
// 定义change事件
document.getElementById('fontSize').addEventListener('change', function() {
var size = this.value; // 获取选择的字体大小
editor.command('fontsize', size); // 应用字体大小到编辑器
});
editor.create();
```
在这个示例中,我们创建了一个下拉菜单,其中包含几个字体大小选项。然后,我们定义了一个change事件,当用户选择一个选项时,我们将其值存储在变量size中,并使用editor.command('fontsize', size)将其应用于编辑器。最后,我们创建了编辑器并将其附加到id为“editor”的div元素中。
请注意,要使用wangEditorFontSize,您需要先包含wangEditor.js和wangEditor.css文件。您还需要确保在创建编辑器之前定义所需的任何自定义命令或事件处理程序。
阅读全文