{fbmip:fixed type="top" id="mipfixed" dataSlide="header-fixed-slide" class="fb-header-fixed"}
{fbview:mainmenu menuItemCode='$menuItemCode'/}
{/fbmip:fixed}
{fbmip:img fit='cover' src="$banner2['img_url']" alt="$banner2['title']"/}

修正Simditor的toolbarFloat必须以window为基础Scroll

Simditor是一款轻量级的富文本编辑器,非常适合自媒体的内容编辑,相对来说,百度的ueditor过于沉重,不适合自媒体平台使用。


所有的富文本编辑器都有一个toolbar,当内容多的时候,toolbar会以fixed方式固定在页面顶部。


但是,当Simditor被放置在一个overflow :hidden 的容器的时候,就无法滚动了,因为Simditor内部的代码都是以window为主容器的,如果嵌入到一个div中,那么window不会scroll,只是一个div的scroll,这时候是捕获不到这个事件的。


飞鸟CMS已经对该bug进行了修正,只需要在创建Simditor的时候加入参数 scrollContainer 即可。

scrollContainer: Simditor所在的滚动条容器的选择器。如果是整个document滚动,则不需要设置。默认值:window

this.editor = new Simditor({
textarea: document.getElementById('article_editor'),
toolbar: _this.toolbar,
upload: {
url: '{$domain}/{$Think.config.admin}/ApiAdminUpload/simImgUpload',
params: {
type: 'article',
},
headers: {'terminal':'pc','access-key':authInfo.access_key ,'uid':authInfo.uid,'access-token':authInfo.access_token},
fileKey: 'fileDataFileName',
connectionCount: 3,
leaveConfirm: '正在上传文件'
},
pasteImage: true, scrollContainer: 'main.mipcms-container-body',
autosave: 'editor-content',

});