刚刚写了一些summernote的基础使用,但是不慎之下没有保存就清理缓存,把写的内容都清理掉了,好伤心。大家以后在Markdown编辑器写文章一定要记得手动保存啊,这个东西不会自动保存到草稿箱,被坑惨了。
反正之前的步骤都是关于summernote的一些介绍,也就算了吧。就从基础API看起吧。
本文主要是跟官网的一些翻译,也锻炼下英语水平。原英文网址http://summernote.org/getting-started/
基础API
初始化 summernote
~~~
$('#summernote').summernote();
~~~
初始化并配置summernote
高度和焦点设置
如果对summernote设置了focus项,在编辑器初始化之后会自动获取焦点。
~~~
$('#summernote').summernote({
height: 300, // set editor height
minHeight: null, // set minimum height of editor
maxHeight: null, // set maximum height of editor
focus: true // set focus to editable area after initializing summernote
});
~~~
对高度进行设置后,如果内容超过编辑器高度会出现滚动条。否则,编辑器高度会随内容高度变化而变化。
编辑器的销毁(destroy)
~~~
$('#summernote').summernote('destroy');
~~~
获取&设置HTML内容(get&set)
~~~
var markupStr = $('#summernote').summernote('code');
~~~
如果初始化了多个编辑器,可以通过jquery的eq方法获取某个编辑器的HTML内容。eg,获取第二个编辑器的。
~~~
var markupStr = $('.summernote').eq(1).summernote('code');
~~~
给指定的编辑器设置HTML内容
~~~
var markupStr = 'hello world';
$('#summernote').summernote('code', markupStr);
~~~
语言库 (国际化支持),引入需要支持的语言库。
国际语言库CDN可见:http://www.bootcdn.cn/summernote/
引入方式举例:
~~~
<script src="https://cdn.bootcss.com/summernote/0.8.3/lang/summernote-zh-CN.min.js"></script>
~~~
通过本地配置运行引入的脚本
~~~
$(document).ready(function() {
$('#summernote').summernote({
lang: 'ko-KR' // default: 'en-US'
});
});
~~~
- 空白目录
- summernote富文本编辑器
- 基本使用(一)
- 基本使用(二)
- 基本使用(三)
- 基本使用(四)
- 修改Summernote文本编辑器支持上传图片到服务器
- 修改图片上传后的样式
- Composer的一些基本用法
- 使用中国镜像快速安装
- 自己项目中常用到的一些Composer
- TP5的一些常见功能实现
- 通过phpmailer实现邮件的发送
- 使用PhantomJS将网页生成图片
- TP5在Linux服务器中LNMP环境下的配置
- 利用JWT做token开发
- 小程序开发备忘录
- 小程序生成自定义二维码
- Bootstrap使用心得
- 异步加载数据,更新select方法
- Html5实现图片上传前裁剪
- mysql一些小技巧
- php移动mysql字段的位置
- 服务器相关知识
- 阿里云专属网络外网访问的设置
- Linux定时执行任务