入门
获取 Summernote
安装
基础API
i18n 支持
集成
深入研究
初始化选项
自定义工具栏、弹出窗口
块引号断开级别
自定义样式
自定义字体名称
自定义字体大小单位
自定义行高
自定义占位符
对话框
禁用拖放
禁用快捷键
禁用 TAB
代码视图的 XSS 保护
基础API
字体样式 API
段落 API
插入 API
范围和选择 API
回调
自定义按钮
自定义图标
模块系统
模块
实例
空气模式
带 Bootswatch 的主题
多个编辑器
点击编辑
在线代码编辑器视图
自定义 SVG 图标
提示
插件
基础API - summernote文档 - 笔下光年
网站首页
基础API
你可以使用 summernote 初始化 Summernote。 ```javascript $('#summernote').summernote(); ``` 然后,您可以通过 summernote 方法使用编辑器 API。以下是插入 "hello world" 文本的示例代码。 ```javascript $('#summernote').summernote('editor.insertText', 'hello world')); ``` 它使用 "hello world" 调用编辑器模块的 `insertText` 方法。第一个参数是字符串类型,代表模块及其方法。其余为方法参数。 如果调用的 API 不包含模块名称,则会调用 `editor.methodName`。 ```javascript $('#summernote').summernote('insertText', 'hello world'); ``` 名为编辑器的模块支持几种编辑器基本行为的方法。 ### codeview 您可以通过 API 切换可编辑/可编码视图。 ```javascript $('#summernote').summernote('codeview.toggle'); ``` ### createRange 为当前用户选择创建一个范围对象。 ```javascript var range = $('#summernote').summernote('createRange'); ``` ### disable, enable 您可以通过 API 禁用编辑器。 ```javascript $('#summernote').summernote('disable'); ``` 如果要再次启用编辑器,请使用启用功能调用 API。 ```javascript $('#summernote').summernote('enable'); ``` ### Disable Spellchecking 您可以通过拼写检查选项禁用编辑区的拼写检查功能。 ```javascript $('#summernote').summernote({ spellCheck: true }); ``` ### Disable Grammarly Browser Addon 你可以使用 `disableGrammar` 选项禁用 Grammarly 浏览器插件(目前正在研究其他语法插件的禁用选项)。 ```javascript $('#summernote').summernote({ disableGrammar: false }); ``` ### focus 设置当前 Summernote 中的焦点。 ```javascript $('#summernote').summernote('focus'); ``` ### fullscreen 您可以通过 API 切换全屏视图。 ```javascript $('#summernote').summernote('fullscreen.toggle'); ``` ### isFullscreen 你可以使用 `isFullscreen` 来确定 Summernote 是否处于全屏模式,它将返回 `true` 或 `false`。 ```javascript $('#summernote').summernote('fullscreen.isFullscreen'); ``` ### interface 您可以通过编程找到正在使用的 Summernote。这将返回三个值之一:bs3、bs4 或 lite。 ```javascript $.summernote.interface; ``` ### isEmpty 返回编辑器内容是否为空。 即使编辑器内容为空,编辑区也需要 `<p><br></p>` 来获取焦点。因此,Summernote 支持这种方法,以帮助检查编辑器内容是否为空。 ```javascript if ($('#summernote').summernote('isEmpty')) { alert('editor content is empty'); } ``` ### reset 清除编辑器内容并删除所有存储的历史记录。 ```javascript $('#summernote').summernote('reset'); ``` ### saveRange, restoreRange `saveRange` 会在内部保存用户当前的选择。 ```javascript $('#summernote').summernote('saveRange'); ``` `restoreRange` 还原当前保存的范围。 ```javascript $('#summernote').summernote('saveRange'); // move cursor and select another $('#summernote').summernote('restoreRange'); ``` ### undo, redo 撤销和重做最后一条命令。 ```javascript $('#summernote').summernote('undo'); $('#summernote').summernote('redo'); ```
上一篇:
代码视图的 XSS 保护
下一篇:
字体样式 API