![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
summernote
文章平均质量分 75
crazy_bai
这个作者很懒,什么都没留下…
展开
-
bootstrap插件summernote 的使用
bootstrap插件summernote 的使用一、有时java工程中会用到summernote 编辑器,下面简单说一下引用1、将summernote 相应的文件放到工程中(webapp下面)2、建一个jsp文件,在文件中引入相应的js、css文件[html] view plain copy<script src="includes/summernote/jquery-2.1.1.min....转载 2018-04-26 14:44:04 · 569 阅读 · 0 评论 -
summernote富文本编辑器的基本使用(一)
summernote富文本编辑器的基本使用(一)刚刚写了一些summernote的基础使用,但是不慎之下没有保存就清理缓存,把写的内容都清理掉了,好伤心。大家以后在Markdown编辑器写文章一定要记得手动保存啊,这个东西不会自动保存到草稿箱,被坑惨了。 反正之前的步骤都是关于summernote的一些介绍,也就算了吧。就从基础API看起吧。 本文主要是跟官网的一些翻译,也锻炼下英语水平。原英文网...转载 2018-04-26 14:46:49 · 1924 阅读 · 0 评论 -
关于富文本编辑器summernote的基本使用(二)
关于富文本编辑器summernote的基本使用(二)初始化配置通过配置option和组件来自定义编辑器自定义工具栏,弹出框summernote允许自定义工具栏`$('#summernote').summernote({ toolbar: [ // [groupName, [list of button]] ['style', ['bold', 'italic', 'underl...转载 2018-04-26 14:49:32 · 1969 阅读 · 1 评论 -
关于富文本编辑器summernote的基本使用(三)
关于富文本编辑器summernote的基本使用(三)基础API(editor模块)使用summernote初始化编辑器$('#summernote').summernote();然后可以使用summernote调用编辑器提供的API。下面是一个插入文本的示例代码。$('#summernote').summernote('editor.insertText', 'hello world'));它调用...转载 2018-04-26 14:51:39 · 2838 阅读 · 1 评论 -
关于富文本编辑器summernote的基本使用(四)
关于富文本编辑器summernote的基本使用(四)对summernote官方文档的翻译,有错误之处欢迎高手指正模块化summernote通过模块化支持功能的扩展。这种模块体系的建立受益于spring框架的启发。关键术语Module:模块Context:Context包含modules和editor’s 声明的容器Renderer:Renderer是用来创建元素的方法UI:UI是用来新建ui元素的...转载 2018-04-26 14:53:20 · 765 阅读 · 0 评论 -
【实践】简洁大方的summernote 富文本编辑器插件的用发——实例篇
【实践】简洁大方的summernote 富文本编辑器插件的用发——实例篇实例化后的summernote 是这样子的 很漂亮对吧,而我做成页面效果是这样的: 先说说实例化一个summernote 的方法把,其实也不难,jq 选择器选择一个要变成富文本编辑器的元素然后调用 summernote 方法传入一个对象作为参数便可,参数是一个对象,属性就是这个富文本的一些样式属性,如下: 上面的属性是一些比较...转载 2018-04-27 09:30:52 · 2096 阅读 · 1 评论