ponkotsu-md-editor 0.2.11 → 0.2.13
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/app/assets/javascripts/markdown_editor.js +55 -0
- 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: 8078da6365f13a76b0111c70a7776fe9565481372d78194160c0c6cea5cd19aa
|
|
4
|
+
data.tar.gz: d656943a6c65aaad77b92f937bebd45523c8d83e842a414a1278a03e35df02dd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 32a273187dad0b38054f345996c67859e77d28ecf76f0a0c2d37711290fa24ad111962bba5d012d2e537f82139f4784a2163de281a613ee069bfe12624d3cb0d
|
|
7
|
+
data.tar.gz: 6c4e545743465d120dd428965a15283f8586367618c37c604bd00cf9001eff624f55786f4fc1bb9876737d6d728dda27d9226d17d372c1fd84a750dbd741537a
|
|
@@ -60,6 +60,61 @@
|
|
|
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
|
+
let startPos = beforeStartRange.toString().length;
|
|
83
|
+
// end位置
|
|
84
|
+
const beforeEndRange = document.createRange();
|
|
85
|
+
beforeEndRange.selectNodeContents(textarea);
|
|
86
|
+
beforeEndRange.setEnd(range.endContainer, range.endOffset);
|
|
87
|
+
let endPos = beforeEndRange.toString().length;
|
|
88
|
+
|
|
89
|
+
// <br>タグと改行（\n）の数をstart/endそれぞれでカウント
|
|
90
|
+
const htmlUpToStart = textarea.innerHTML.substring(0, startPos);
|
|
91
|
+
const brCountStart = (htmlUpToStart.match(/<br\s*\/?>(?![\w\W]*<)/g) || []).length;
|
|
92
|
+
const textUpToStart = textarea.innerText.substring(0, startPos);
|
|
93
|
+
const nlCountStart = (textUpToStart.match(/\n/g) || []).length;
|
|
94
|
+
startPos += brCountStart + nlCountStart;
|
|
95
|
+
|
|
96
|
+
const htmlUpToEnd = textarea.innerHTML.substring(0, endPos);
|
|
97
|
+
const brCountEnd = (htmlUpToEnd.match(/<br\s*\/?>(?![\w\W]*<)/g) || []).length;
|
|
98
|
+
const textUpToEnd = textarea.innerText.substring(0, endPos);
|
|
99
|
+
const nlCountEnd = (textUpToEnd.match(/\n/g) || []).length;
|
|
100
|
+
endPos += brCountEnd + nlCountEnd;
|
|
101
|
+
|
|
102
|
+
caretPosition.start = startPos;
|
|
103
|
+
caretPosition.end = endPos;
|
|
104
|
+
} else {
|
|
105
|
+
caretPosition.start = 0;
|
|
106
|
+
caretPosition.end = 0;
|
|
107
|
+
}
|
|
108
|
+
} else {
|
|
109
|
+
caretPosition.start = textarea.selectionStart;
|
|
110
|
+
caretPosition.end = textarea.selectionEnd;
|
|
111
|
+
}
|
|
112
|
+
};
|
|
113
|
+
textarea.addEventListener('input', saveCaretPosition);
|
|
114
|
+
textarea.addEventListener('keyup', saveCaretPosition);
|
|
115
|
+
textarea.addEventListener('click', saveCaretPosition);
|
|
116
|
+
}
|
|
117
|
+
|
|
63
118
|
const sampleHtml = "aaa bbb ccc ddd eee\n" +
|
|
64
119
|
" \n" +
|
|
65
120
|
" <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>";
|