ponkotsu-md-editor 0.2.23 → 0.2.25
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 +4 -4
- data/README.md +20 -10
- data/app/assets/stylesheets/markdown_editor.css +7 -4
- data/lib/ponkotsu/md/editor/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b39285cb3c11935b70831d8f255a83a4e0172e4d1ae05711b655f9c98385b9b5
|
|
4
|
+
data.tar.gz: ea9d8d7b9ed8abfff14fbcb4fca0af95328a3dd4198bb9c687f35a0bfaabb182
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b6f02739e0bba7835333927d8d61e0fa6d8db23288a5971ddba138758ade2c08376fb6b04ee8bf81f1ed163e3b4bc0c44f569509be6565b765402088894d32f1
|
|
7
|
+
data.tar.gz: 8de8efe672cdda1aa7d260bcd29178344ee7397ea92d6a0b9bc28f66c619c009cf50a69fdea550561279e8146030ec6ce1b1b3c78d70014551e50469d6ba6a6b
|
data/README.md
CHANGED
|
@@ -45,24 +45,34 @@ bundle install
|
|
|
45
45
|
|
|
46
46
|
## アセットについて/About Assets
|
|
47
47
|
|
|
48
|
-
本GemはRailsエンジンとしてアセット（JavaScript/CSS
|
|
48
|
+
本GemはRailsエンジンとしてアセット（JavaScript/CSS）を提供します。
|
|
49
49
|
|
|
50
|
-
This gem
|
|
50
|
+
This gem provides assets (JavaScript/CSS) as a Rails engine.
|
|
51
51
|
|
|
52
|
+
**CSSを使用するには、以下の設定が必要です：**
|
|
52
53
|
|
|
53
|
-
|
|
54
|
+
**To use the CSS, the following configuration is required:**
|
|
54
55
|
|
|
55
|
-
|
|
56
|
+
`app/assets/stylesheets/application.css` または `app/assets/stylesheets/application.scss` に以下を追加してください：
|
|
56
57
|
|
|
58
|
+
Add the following to `app/assets/stylesheets/application.css` or `app/assets/stylesheets/application.scss`:
|
|
57
59
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
60
|
+
**application.css の場合 / For application.css:**
|
|
61
|
+
```css
|
|
62
|
+
/*
|
|
63
|
+
*= require markdown_editor
|
|
64
|
+
*/
|
|
65
|
+
```
|
|
61
66
|
|
|
62
|
-
|
|
63
|
-
|
|
67
|
+
**application.scss の場合 / For application.scss:**
|
|
68
|
+
```scss
|
|
69
|
+
@use 'markdown_editor';
|
|
64
70
|
```
|
|
65
71
|
|
|
72
|
+
**JavaScriptは自動的に読み込まれるため、特別な設定は不要です。**
|
|
73
|
+
|
|
74
|
+
**JavaScript is automatically loaded, so no special configuration is required.**
|
|
75
|
+
|
|
66
76
|
## 使い方/Usage
|
|
67
77
|
|
|
68
78
|
### ビューへの組み込み例（ERB）/Example of embedding in a view (ERB)
|
|
@@ -112,4 +122,4 @@ GitHub repository: https://github.com/dhq-boiler/ponkotsu-md-editor
|
|
|
112
122
|
|
|
113
123
|
このGemは[MITライセンス](https://opensource.org/licenses/MIT)のもとで公開されています。
|
|
114
124
|
|
|
115
|
-
This gem is released under the [MIT License](https://opensource.org/licenses/MIT)
|
|
125
|
+
This gem is released under the [MIT License](https://opensource.org/licenses/MIT)
|
|
@@ -61,15 +61,18 @@
|
|
|
61
61
|
|
|
62
62
|
#editor_content_placeholder {
|
|
63
63
|
position: absolute;
|
|
64
|
-
top:
|
|
65
|
-
left:
|
|
64
|
+
top: 0;
|
|
65
|
+
left: 0;
|
|
66
|
+
width: 100%;
|
|
67
|
+
height: calc(24 * 20px);
|
|
66
68
|
color: var(--text-placeholder);
|
|
67
69
|
pointer-events: none;
|
|
68
70
|
z-index: 1;
|
|
69
71
|
white-space: pre-line;
|
|
70
72
|
display: block;
|
|
71
|
-
|
|
72
|
-
|
|
73
|
+
overflow: auto;
|
|
74
|
+
padding: 0.5em 0.75em;
|
|
75
|
+
box-sizing: border-box;
|
|
73
76
|
}
|
|
74
77
|
|
|
75
78
|
/* emptyクラスがない時（コンテンツがある時）にプレースホルダーを隠す */
|