当集成书客编辑器Web版v1.0之后,会发现网页界面上自动生成一个占满浏览器的编辑器,但是往往这个编辑器的初始化布局并不能满足所有写作平台样式要求,所以需要对布局进行修改,这里有两种方式。
第一种方式:修改CSS样式
通过浏览器的编译状态,查看书客编辑器Web版v1.0的HTML布局代码,这时候可以发现界面自动生成一个在id为ibooker_editor的Div标签,这个Div标签中添加了以下代码:
- Ctrl+B">
- Ctrl+I">
- Ctrl+S">
- Ctrl+U">
- Ctrl+Shift+A">
- Ctrl+Shift+B">
- Ctrl+Shift+C">
- Ctrl+Shift+D">
- Ctrl+Shift+E">
- Ctrl+Shift+F">
- Ctrl+L">
- Ctrl+Q">
Ctrl+K">
- Ctrl+G">
- Ctrl+Shift+O">
- Ctrl+Shift+U">
- Ctrl+M">
- Ctrl+N">
- Ctrl+T">
- Ctrl+H">
- Ctrl+R">
这些代码就是自动生成书客编辑器Web版界面的代码。而要修改书客编辑器样式,就可以通过修改这些布局代码的CSS样式。其中与布局相对应的CSS样式文件为:
所以在不改变书客编辑器Web版整体布局的情况下,可以通过修改局部对应的CSS样式文件ibooker_editor.css。
第二种方法:自定义布局
自定义布局的意思是,摒弃掉书客编辑器Web版提供的布局,自己写一个布局,然后调用书客编辑器Web版提供的相应方法来实现。
具体的每一个事件的调用方式可以查看书客编辑器Web版工具栏的使用。