summernote-rails 0.8.8.0 → 0.8.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e667a23ac21399847dbbf888e556a41b649ba368adba475418c76a8072af44b7
|
|
4
|
+
data.tar.gz: bfdabd00e9fee967f8763c2477952959c1a57c773e55b7d779adda4a5c949fc6
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b5f3efe3a842a0b1a7c6d0fb1e141152965cd15936a4266ee8508152f05dd7e7031164cbc9a885fb7ac0007233658e7493fe7e6738312e5404787a8811d55340
|
|
7
|
+
data.tar.gz: c1f4bb4d06928fb60bea1c4900cc3df10ad6d20e14b31e862107655026105cc5b5a24ee74a895b3ab037996ebadd63f6439edc29adffc322e1eb0fc27a65b435
|
data/README.md
CHANGED
|
@@ -2,19 +2,27 @@
|
|
|
2
2
|
|
|
3
3
|
This gem was built to package the assets used in Summernote, the Super Simple WYSIWYG Editor on Bootstrap, for Ruby on Rails version >= 3.1.
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
The version of summernote-rails is matched with that of summernote editor.
|
|
5
|
+
The version of summernote-rails is matched with that of original summernote editor.
|
|
8
6
|
|
|
9
7
|
[](http://badge.fury.io/rb/summernote-rails)
|
|
10
8
|
|
|
11
9
|
## Installation
|
|
12
10
|
|
|
11
|
+
Environments:
|
|
12
|
+
- Ruby v2.5.0
|
|
13
|
+
- Rails v5.2.0.beta2
|
|
14
|
+
- Gems :
|
|
15
|
+
- bootstrap v4.0.0
|
|
16
|
+
- simple_form v3.5.0
|
|
17
|
+
|
|
13
18
|
Add the following gems to your application's Gemfile:
|
|
14
19
|
|
|
15
20
|
```ruby
|
|
16
|
-
gem '
|
|
17
|
-
gem '
|
|
21
|
+
gem 'rails', '~> 5.2.0.beta2'
|
|
22
|
+
gem 'jquery-rails', '~> 4.3.1'
|
|
23
|
+
gem 'bootstrap', '~> 4.0.0'
|
|
24
|
+
gem 'summernote-rails', '~> 0.8.8.1'
|
|
25
|
+
gem 'simple_form', '~> 3.5.0'
|
|
18
26
|
```
|
|
19
27
|
|
|
20
28
|
And then execute:
|
|
@@ -27,56 +35,38 @@ $ bundle install
|
|
|
27
35
|
|
|
28
36
|
In app/assets/stylesheets/application.scss,
|
|
29
37
|
|
|
30
|
-
```
|
|
38
|
+
```scss
|
|
31
39
|
@import "bootstrap";
|
|
32
|
-
@import "summernote";
|
|
40
|
+
@import "summernote-bs4";
|
|
41
|
+
@import "summernote-custom-theme.min";
|
|
33
42
|
```
|
|
34
43
|
|
|
35
44
|
In app/assets/javascripts/application.js, you should add as follows:
|
|
36
45
|
|
|
37
46
|
```js
|
|
38
|
-
//= require
|
|
47
|
+
//= require jquery
|
|
48
|
+
//= require jquery_ujs
|
|
49
|
+
//= require popper
|
|
39
50
|
//= require bootstrap
|
|
40
|
-
//= require summernote
|
|
41
|
-
//= require
|
|
51
|
+
//= require summernote/summernote-bs4
|
|
52
|
+
//= require activestorage
|
|
53
|
+
//= require turbolinks
|
|
54
|
+
//= require_tree .
|
|
42
55
|
```
|
|
43
56
|
|
|
44
57
|
Basic Example:
|
|
45
58
|
|
|
46
|
-
|
|
47
|
-
<div id="summernote">Hello Summernote</div>
|
|
48
|
-
|
|
49
|
-
<script type="text/javascript">
|
|
50
|
-
$(document).ready(function() {
|
|
51
|
-
$('#summernote').summernote();
|
|
52
|
-
});
|
|
53
|
-
</script>
|
|
54
|
-
```
|
|
55
|
-
Or, if your want to use javascript with unobtrusive pattern, you can move the javascript script code lines to app/assets/javascripts/summernote_bootstraped.coffee as follows:
|
|
56
|
-
|
|
57
|
-
```coffee
|
|
58
|
-
$ ->
|
|
59
|
-
$('#summernote').summernote()
|
|
60
|
-
```
|
|
61
|
-
|
|
62
|
-
Ideally, you would do it like this:
|
|
63
|
-
|
|
64
|
-
```javscript
|
|
65
|
-
# This goes into your main javascript file. Customize as you need.
|
|
66
|
-
|
|
67
|
-
$('[data-provider="summernote"]').each(function(){
|
|
68
|
-
$(this).summernote({ });
|
|
69
|
-
})
|
|
70
|
-
```
|
|
71
|
-
|
|
72
|
-
Or, if you want to code in coffeescript,
|
|
59
|
+
After creating app/assets/javascripts/summernote-init.coffee, you can write codes as follows:
|
|
73
60
|
|
|
74
61
|
```coffeescript
|
|
75
|
-
$ ->
|
|
62
|
+
$(document).on 'turbolinks:load', ->
|
|
76
63
|
$('[data-provider="summernote"]').each ->
|
|
77
|
-
$(this).summernote
|
|
64
|
+
$(this).summernote
|
|
65
|
+
height: 300
|
|
78
66
|
```
|
|
79
67
|
|
|
68
|
+
And you should require this file in application.js.
|
|
69
|
+
|
|
80
70
|
Then, if you are using simple_form, you can use the `:summernote` input type. This type simply adds the `data-provider="summernote"` to the field.
|
|
81
71
|
|
|
82
72
|
```erb
|
|
@@ -114,24 +104,12 @@ If you use i18n, you have to include language files. In `app/assets/javascripts/
|
|
|
114
104
|
|
|
115
105
|
and update summernote option
|
|
116
106
|
|
|
117
|
-
```html
|
|
118
|
-
<div id="summernote">Hello Summernote</div>
|
|
119
|
-
|
|
120
|
-
<script type="text/javascript">
|
|
121
|
-
$(document).ready(function() {
|
|
122
|
-
$('#summernote').summernote({
|
|
123
|
-
lang: 'ko-KR'
|
|
124
|
-
});
|
|
125
|
-
});
|
|
126
|
-
</script>
|
|
127
|
-
```
|
|
128
|
-
|
|
129
|
-
Also, you can move the above javascript code lines to app/assets/javascripts/summernote_bootstraped.coffee and add as follows:
|
|
130
|
-
|
|
131
107
|
```coffee
|
|
132
|
-
$ ->
|
|
133
|
-
$('
|
|
134
|
-
|
|
108
|
+
$(document).on 'turbolinks:load', ->
|
|
109
|
+
$('[data-provider="summernote"]').each ->
|
|
110
|
+
$(this).summernote
|
|
111
|
+
lang: 'ko-KR'
|
|
112
|
+
height: 300
|
|
135
113
|
```
|
|
136
114
|
|
|
137
115
|
### Plugin
|
|
@@ -145,27 +123,12 @@ If you want to use a plugin, you have to include the corresponding file. In `app
|
|
|
145
123
|
|
|
146
124
|
and update summernote option.
|
|
147
125
|
|
|
148
|
-
```html
|
|
149
|
-
<div id="summernote">Hello Summernote</div>
|
|
150
|
-
|
|
151
|
-
<script type="text/javascript">
|
|
152
|
-
$(document).ready(function() {
|
|
153
|
-
$('#summernote').summernote({
|
|
154
|
-
toolbar : [
|
|
155
|
-
...
|
|
156
|
-
['insert', [ 'hello' ]]
|
|
157
|
-
...
|
|
158
|
-
]
|
|
159
|
-
});
|
|
160
|
-
});
|
|
161
|
-
</script>
|
|
162
|
-
```
|
|
163
|
-
|
|
164
|
-
Also, you can move the above javascript code lines to app/assets/javascripts/summernote_bootstraped.coffee and add as follows:
|
|
165
|
-
|
|
166
126
|
```coffee
|
|
167
|
-
|
|
168
|
-
|
|
127
|
+
$(document).on 'turbolinks:load', ->
|
|
128
|
+
$('[data-provider="summernote"]').each ->
|
|
129
|
+
$(this).summernote
|
|
130
|
+
lang: 'ko-KR'
|
|
131
|
+
height: 300
|
|
169
132
|
toolbar : [
|
|
170
133
|
...
|
|
171
134
|
[
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
.note-editor {
|
|
2
|
+
.note-btn {
|
|
3
|
+
background-color: white;
|
|
4
|
+
border-color: #ccc;
|
|
5
|
+
i::before {
|
|
6
|
+
margin-top: -4px;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.help-list-item + label {
|
|
11
|
+
display: inline-block;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.modal-header {
|
|
15
|
+
button.close {
|
|
16
|
+
font-size: 1.2em;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.modal-footer {
|
|
21
|
+
display: inline-block;
|
|
22
|
+
p:last-child {
|
|
23
|
+
margin-bottom: 0 !important;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.note-editor{.note-btn{background-color:white;border-color:#ccc;i::before{margin-top:-4px}}.help-list-item + label{display:inline-block}.modal-header{button.close{font-size:1.2em}}.modal-footer{display:inline-block;p:last-child{margin-bottom:0!important}}}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: summernote-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.8.8.
|
|
4
|
+
version: 0.8.8.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Hyo Seong Choi
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2018-01-31 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: railties
|
|
@@ -121,6 +121,8 @@ files:
|
|
|
121
121
|
- vendor/assets/javascripts/summernote/summernote-lite.js
|
|
122
122
|
- vendor/assets/javascripts/summernote/summernote.js
|
|
123
123
|
- vendor/assets/stylesheets/summernote-bs4.css
|
|
124
|
+
- vendor/assets/stylesheets/summernote-custom-theme.css
|
|
125
|
+
- vendor/assets/stylesheets/summernote-custom-theme.min.css
|
|
124
126
|
- vendor/assets/stylesheets/summernote-lite.css
|
|
125
127
|
- vendor/assets/stylesheets/summernote.css
|
|
126
128
|
homepage: https://github.com/summernote/summernote-rails
|
|
@@ -143,7 +145,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
143
145
|
version: '0'
|
|
144
146
|
requirements: []
|
|
145
147
|
rubyforge_project:
|
|
146
|
-
rubygems_version: 2.7.
|
|
148
|
+
rubygems_version: 2.7.3
|
|
147
149
|
signing_key:
|
|
148
150
|
specification_version: 4
|
|
149
151
|
summary: Gemify Summernote for Ruby on Rails
|