入门
获取 Summernote
安装
基础API
i18n 支持
集成
深入研究
初始化选项
自定义工具栏、弹出窗口
块引号断开级别
自定义样式
自定义字体名称
自定义字体大小单位
自定义行高
自定义占位符
对话框
禁用拖放
禁用快捷键
禁用 TAB
代码视图的 XSS 保护
基础API
字体样式 API
段落 API
插入 API
范围和选择 API
回调
自定义按钮
自定义图标
模块系统
模块
实例
空气模式
带 Bootswatch 的主题
多个编辑器
点击编辑
在线代码编辑器视图
自定义 SVG 图标
提示
插件
回调 - summernote文档 - 笔下光年
网站首页
回调
Summernote 支持初始化回调和 jquery 自定义事件样式回调。 > **选项中回调的位置在 v0.7.0 之后有所更改** v0.7.0 之后,所有回调都应由 callbacks 对象封装。 ------------ > **回调仅适用于 v0.6.5 之后的驼峰字符串** 小写字符串用于基本事件名称(例如:`oninit`、`onenter`、`onfocus`、`onblur`、`onkeyup`、`onkeydown`、`onpaste`)。相比之下,高级功能的回调名称则使用了驼峰字符。这既不一致,使用起来也很混乱。因此,我们将所有小写的回调名称重新命名为驼峰字符串。 #### onBeforeCommand WIP:需要进行解释 ### onChange - IE9-10: DOMCharacterDataModified, DOMSubtreeModified, DOMNodeInserted - Chrome, FF: input ```javascript // onChange callback $('#summernote').summernote({ callbacks: { onChange: function(contents, $editable) { console.log('onChange:', contents, $editable); } } }); // summernote.change $('#summernote').on('summernote.change', function(we, contents, $editable) { console.log('summernote\'s content is changed.'); }); ``` ### onChangeCodeview WIP:需要进行解释 ### onDialogShown WIP:需要进行解释 ### onEnter ```javascript // onEnter callback $('#summernote').summernote({ callbacks: { onEnter: function() { console.log('Enter/Return key pressed'); } } }); // summernote.enter $('#summernote').on('summernote.enter', function() { console.log('Enter/Return key pressed'); }); ``` ### onFocus, onBlur, onBlurCodeview ```javascript // onFocus callback $('#summernote').summernote({ callbacks: { onFocus: function() { console.log('Editable area is focused'); } } }); // summernote.focus $('#summernote').on('summernote.focus', function() { console.log('Editable area is focused'); }); ``` ```javascript // onBlur callback $('#summernote').summernote({ callbacks: { onBlur: function() { console.log('Editable area loses focus'); } } }); // summernote.blur $('#summernote').on('summernote.blur', function() { console.log('Editable area loses focus'); }); ``` ```javascript // onBlurCodeview callback $('#summernote').summernote({ callbacks: { onBlurCodeview: function() { console.log('Codeview area loses focus'); } } }); // summernote.blur.codeview $('#summernote').on('summernote.blur.codeview', function() { console.log('Codeview area loses focus'); }); ``` ### onImageLinkInsert 通过 url 覆盖插入图像。 ```javascript // onImageLinkInsert callback $('#summernote').summernote({ callbacks: { onImageLinkInsert: function(url) { // url is the image url from the dialog $img = $('<img>').attr({ src: url }) $summernote.summernote('insertNode', $img[0]); } } }); // summernote.image.link.insert $('#summernote').on('summernote.image.link.insert', function(we, url) { // url is the image url from the dialog $img = $('<img>').attr({ src: url }) $summernote.summernote('insertNode', $img[0]); }); ``` ### onImageUpload 覆盖图片上传处理程序(默认:IMG 标签上的 `base64` `dataURL`)。您可以将图片上传到服务器或 AWS S3:更多... ```javascript // onImageUpload callback $('#summernote').summernote({ callbacks: { onImageUpload: function(files) { // upload image to server and create imgNode... $summernote.summernote('insertNode', imgNode); } } }); // summernote.image.upload $('#summernote').on('summernote.image.upload', function(we, files) { // upload image to server and create imgNode... $summernote.summernote('insertNode', imgNode); }); ``` ### oonImageUploadError WIP:需要进行解释 ### onInit ```javascript // onInit callback $('#summernote').summernote({ callbacks: { onInit: function() { console.log('Summernote is launched'); } } }); // summernote.init $('#summernote').on('summernote.init', function() { console.log('Summernote is launched'); }); ``` ### onKeyup, onKeydown ```javascript // onKeyup callback $('#summernote').summernote({ callbacks: { onKeyup: function(e) { console.log('Key is released:', e.keyCode); } } }); // summernote.keyup $('#summernote').on('summernote.keyup', function(we, e) { console.log('Key is released:', e.keyCode); }); ``` ```javascript // onKeydown callback $('#summernote').summernote({ callbacks: { onKeydown: function(e) { console.log('Key is downed:', e.keyCode); } } }); // summernote.keydown $('#summernote').on('summernote.keydown', function(we, e) { console.log('Key is downed:', e.keyCode); }); ``` ### onMouseDown,onMouseUp #### onPaste ```javascript // onPaste callback $('#summernote').summernote({ callbacks: { onPaste: function(e) { console.log('Called event paste'); } } }); // summernote.paste $('#summernote').on('summernote.paste', function(e) { console.log('Called event paste'); }); ``` #### onScroll WIP: Need to work on an explanation
上一篇:
范围和选择 API
下一篇:
自定义按钮