問題:在ckeditor編輯器工具欄中,有個“全屏”按鈕,我的需求是:當(dāng)點擊“全屏”按鈕為“全屏狀態(tài)”時,將工具欄中的所有工具都顯示出來;當(dāng)恢復(fù)到“正常狀態(tài)”時,就只顯示部分工具;這時候就需要監(jiān)聽編輯器的狀態(tài),是“全屏狀態(tài)”還是“正常狀態(tài)”,監(jiān)聽的代碼我已經(jīng)寫好了,就差“動態(tài)的顯示或隱藏部分工具欄了”初始化代碼: //初始化編輯框 window.instansAnswer = CKEDITOR.replace('answer', { height: '150px', toolbar:[ { name: 'clipboard', items: [ 'Image', 'CodeSnippet', 'HorizontalRule','Maximize','Bold', 'Italic', 'RemoveFormat','NumberedList', 'BulletedList', 'Outdent', 'Indent'] }, ] }); //實例初始化完畢事件 instansAnswer.on('instanceReady', function() { console.info('編輯器初始化了') this.on('maximize',function (arg) { if(arg.data===1){ console.log('全屏,在這里展示完整的工具欄'); }else{ console.log('縮小,在這里展示精簡的工具欄') } }) });ckeditor編輯器版本:4.6官網(wǎng):http://ckeditor.com/
ckeditor 編輯器如何動態(tài)更改工具欄?
臨摹微笑
2018-10-16 13:11:48