aomao editor编辑器添加全屏配置
时间: 2023-07-04 14:22:58 浏览: 244
aomao editor编辑器提供了全屏插件,使用该插件可以实现全屏编辑器的功能。下面是添加全屏配置的步骤:
1. 引入aomao editor编辑器和全屏插件的js和css文件。
```
<link rel="stylesheet" href="path/to/aomao-editor.css">
<script src="path/to/aomao-editor.js"></script>
<script src="path/to/aomao-editor-fullscreen.js"></script>
```
2. 初始化aomao editor编辑器,并添加全屏插件的配置。
```
var editor = new AomaoEditor('#editor', {
toolbar: {
items: ['fullscreen', 'bold', 'italic', 'underline', 'strikethrough', 'removeformat']
},
plugins: {
fullscreen: {
selector: '#editor'
}
}
});
```
在上面的配置中,我们将fullscreen插件添加到了toolbar中,并在plugins中添加了相关的配置。其中,selector属性用于指定全屏模式下的容器元素。
3. 在toolbar中添加全屏按钮。
```
{
name: 'fullscreen',
action: 'fullscreen',
className: 'icon-fullscreen',
title: '全屏'
}
```
在上面的配置中,我们将全屏按钮添加到了toolbar中,并指定了相关的样式和标题。
完成上述三个步骤后,就可以在aomao editor编辑器中添加全屏配置了。
阅读全文