首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

书客编辑器Web版v1.0-HTML布局

精辟句:长期低价收购各类闲散姑娘,型号不限,详情面议。

当集成书客编辑器Web版v1.0之后,会发现网页界面上自动生成一个占满浏览器的编辑器,但是往往这个编辑器的初始化布局并不能满足所有写作平台样式要求,所以需要对布局进行修改,这里有两种方式。

第一种方式:修改CSS样式

通过浏览器的编译状态,查看书客编辑器Web版v1.0的HTML布局代码,这时候可以发现界面自动生成一个在id为ibooker_editor的Div标签,这个Div标签中添加了以下代码:

这些代码就是自动生成书客编辑器Web版界面的代码。而要修改书客编辑器样式,就可以通过修改这些布局代码的CSS样式。其中与布局相对应的CSS样式文件为:

所以在不改变书客编辑器Web版整体布局的情况下,可以通过修改局部对应的CSS样式文件ibooker_editor.css。

第二种方法:自定义布局

自定义布局的意思是,摒弃掉书客编辑器Web版提供的布局,自己写一个布局,然后调用书客编辑器Web版提供的相应方法来实现。

具体的每一个事件的调用方式可以查看书客编辑器Web版工具栏的使用。【http://editor.ibooker.cc/editor/web/tools】

Github地址【https://github.com/zrunker/ibookerEditorWeb/】

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180225G0B5PN00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券