ponkotsu-md-editor 0.2.10 → 0.2.12
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 +3 -1
- data/app/assets/javascripts/markdown_editor.js +42 -1
- 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: 5fe84b9fe54e8791ee3cfb0f3096fdd9566208bd265fd0d093be065ff39165ed
|
|
4
|
+
data.tar.gz: ce88ee2432c913c87714b25bc3c8c2b6431075cecf8a044fa5f6edcce7b27ffb
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 23d476191b01b111ee339f8cca4ca877280f0d08ef1b7205271417b01e205ffba975a99b773ccb8a87771a972ab39b0238698a7db6f3816cf6b512931d8a0bf1
|
|
7
|
+
data.tar.gz: 10c1d71b98464e97333d2fe90aecaab06713d30132885d6287616d83e5ecf03b878c1967a6f9c49b660f8e789414b40b37a535aed694f3ea51ec97c257dce1a7
|
data/README.md
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
#
|
|
1
|
+
# ponkotsu-md-editor
|
|
2
2
|
|
|
3
3
|
[](https://badge.fury.io/rb/ponkotsu-md-editor)
|
|
4
4
|
|
|
5
|
+
https://github.com/user-attachments/assets/70ff077d-200b-4746-b057-4860a12d4dbb
|
|
6
|
+
|
|
5
7
|
PonkotsuMdEditorは、Railsアプリケーション向けのシンプルなMarkdownエディタGemです。
|
|
6
8
|
|
|
7
9
|
PonkotsuMdEditor is a simple Markdown editor gem for Rails applications.
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
if (textarea && hiddenField) {
|
|
23
23
|
const syncToHidden = () => {
|
|
24
|
-
hiddenField.value = textarea.innerText || '';
|
|
24
|
+
hiddenField.value = (textarea.innerText || '').replaceAll('\u00A0', ' ');
|
|
25
25
|
};
|
|
26
26
|
textarea.addEventListener('input', syncToHidden);
|
|
27
27
|
textarea.addEventListener('blur', syncToHidden);
|
|
@@ -60,6 +60,47 @@
|
|
|
60
60
|
|
|
61
61
|
let isPreviewMode = false;
|
|
62
62
|
|
|
63
|
+
// カレット位置保存用変数
|
|
64
|
+
let caretPosition = { start: 0, end: 0 };
|
|
65
|
+
|
|
66
|
+
// 外部から取得できるgetter関数
|
|
67
|
+
window.getCaretPosition = function() {
|
|
68
|
+
return { start: caretPosition.start, end: caretPosition.end };
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
// カレット位置保存イベント
|
|
72
|
+
if (textarea) {
|
|
73
|
+
const saveCaretPosition = () => {
|
|
74
|
+
if (textarea.isContentEditable || textarea.getAttribute('contenteditable') === 'true') {
|
|
75
|
+
const selection = window.getSelection();
|
|
76
|
+
if (selection && selection.rangeCount > 0) {
|
|
77
|
+
const range = selection.getRangeAt(0);
|
|
78
|
+
// start位置
|
|
79
|
+
const beforeStartRange = document.createRange();
|
|
80
|
+
beforeStartRange.selectNodeContents(textarea);
|
|
81
|
+
beforeStartRange.setEnd(range.startContainer, range.startOffset);
|
|
82
|
+
const startPos = beforeStartRange.toString().length;
|
|
83
|
+
// end位置
|
|
84
|
+
const beforeEndRange = document.createRange();
|
|
85
|
+
beforeEndRange.selectNodeContents(textarea);
|
|
86
|
+
beforeEndRange.setEnd(range.endContainer, range.endOffset);
|
|
87
|
+
const endPos = beforeEndRange.toString().length;
|
|
88
|
+
caretPosition.start = startPos;
|
|
89
|
+
caretPosition.end = endPos;
|
|
90
|
+
} else {
|
|
91
|
+
caretPosition.start = 0;
|
|
92
|
+
caretPosition.end = 0;
|
|
93
|
+
}
|
|
94
|
+
} else {
|
|
95
|
+
caretPosition.start = textarea.selectionStart;
|
|
96
|
+
caretPosition.end = textarea.selectionEnd;
|
|
97
|
+
}
|
|
98
|
+
};
|
|
99
|
+
textarea.addEventListener('input', saveCaretPosition);
|
|
100
|
+
textarea.addEventListener('keyup', saveCaretPosition);
|
|
101
|
+
textarea.addEventListener('click', saveCaretPosition);
|
|
102
|
+
}
|
|
103
|
+
|
|
63
104
|
const sampleHtml = "aaa bbb ccc ddd eee\n" +
|
|
64
105
|
" \n" +
|
|
65
106
|
" <div>aaa bbb ccc ddd eee</div><div><br></div><div>### aaa bbb ccc ddd eee</div><div></div><div>####</div><div><br></div><div>aaa bbb ccc ddd eee</div>";
|