我可以攔截CKEditor中的按鍵(tab鍵)並替換默認行爲嗎?我想要tab鍵插入帶有空白的div。攔截CKEditor擊鍵
2
A
回答
2
this.editorInstance.on('tab', function(evt){
evt.editor.insertHtml('span style="margin-left: 40px;"> </span>');
evt.cancel();
return false;
})
0
我解決了這個稍微不同的方式。我不想插入固定寬度的跨度,而是希望標籤在所有行上排列。所以,我用'pre'格式插入一個製表符(&#0 9)。我也遇到了insertHtml()方面的困難,不得不使用createFromHtml()和insertElement()的組合。
這裏是我的解決方案:
// my editor's id is 'summary'
CKEDITOR.replace('summary', { ... });
var editor = CKEDITOR.instances.summary;
editor.on('key', function(ev) {
if (ev.data.keyCode == 9) { // TAB
var tabHtml = '<span style="white-space:pre">	</span>';
var tabElement = CKEDITOR.dom.element.createFromHtml(tabHtml, editor.document);
editor.insertElement(tabElement);
ev.cancel();
}
});
1
我使用的版本4.4.7。至少在這裏可以通過編輯config.js
來改變TAB擊鍵的行爲。使用此代碼TAB縮進和SHIFT + TAB替身:
config.keystrokes =
[
[ 09, 'indent' ],
[ CKEDITOR.SHIFT + 09, 'outdent' ]
];
相關問題
- 1. 只攔截雙擊
- 2. 攔截點擊發送Mail.app
- 3. 手機firefox點擊攔截
- 4. Android WebView - 攔截點擊
- 5. 攔截html按鈕點擊
- 6. 在RichEdit中攔截TAB鍵
- 7. 攔截器不攔截
- 8. 使用jQuery刪除右鍵單擊攔截器
- 9. 在Linux上攔截並使用Python發送鍵擊
- 10. LightInject - 攔截不攔截依賴關係
- 11. 如何爲ILogger攔截攔截器
- 12. android上的攔截攔截器
- 13. EJB 3.1攔截器是「攔截器」嗎?
- 14. 攔截按鈕點擊頁面加載
- 15. jquery - 在iframe中單擊攔截鏈接
- 16. 攔截窗口鼠標點擊
- 17. 攔截分享點擊圖片
- 18. JQuery的:攔截點擊提交按鈕
- 19. Windows掛鉤攔截鼠標點擊?
- 20. 避免createjs攔截點擊畫布
- 21. JQuery的攔截點擊按鈕
- 22. 攔截鏈接點擊從框架
- 23. 離子:單擊事件不會攔截
- 24. 抓住/攔截所有鼠標點擊
- 25. 攔截Dock圖標點擊OSX
- 26. 使用.NET攔截鏈接點擊
- 27. 攔截點擊標籤小部件
- 28. android自定義軟鍵盤攔截ime_action
- 29. 如何防止Gnome攔截Alt + Shift +〜鍵?
- 30. 軟鍵盤攔截我的onClickListener?