[javascript]テキストエリアのカーソル位置に挿入・選択範囲をタグで囲う
テキストエリアのカーソル位置に挿入・選択範囲をタグで囲う
まずは選択範囲を無視して現在のテキストエリアのカーソルの位置に挿入するようにしてみます。<html>
<body>
<script>
function insert(str) {
let input = document.getElementById('text_area');
//テキストエリアに入力されている文字数
let length = input.length;
let position = text_area.selectionStart;
let before = input.value.substring(0, position);
let after = input.value.substring(position, input.length);
input.value = before + str + after;
}
</script>
<textarea id="text_area" rows="5" cols="40">あいうえおかきくけこさしすせそ</textarea>
<button type="button" onclick="insert('[ABC]')">カーソル位置に[ABC]を挿入</button>
</body>
</html>次に選択範囲も考慮して挿入やタグなどで囲うようにしてみます。
<html>
<body>
<script>
function insert(str) {
let input = document.getElementById('text_area');
let input_length = text_area.value.length;
let select_1 = text_area.selectionStart;
let select_2 = text_area.selectionEnd;
//選択範囲より前
let before = text_area.value.substring(0, select_1);
//選択範囲より後
let after = text_area.value.substring(select_2, input_length);
//選択範囲
let select_value = text_area.value.substring(select_1, select_2);
if (str.match(/\?/)) {
select_value = str.replace(/\?/g, select_value);
} else {
select_value = str;
}
text_area.value = before + select_value + after;
}
</script>
<textarea id="text_area" rows="5" cols="40">あいうえおかきくけこさしすせそ</textarea>
<button type="button" onclick="insert('[ABC]')">選択範囲に[ABC]を挿入</button>
<button type="button" onclick="insert('[[?]]')">選択範囲を[[と]]で囲む</button>
</body>
</html>
ページ情報
| タイトル | [javascript]テキストエリアのカーソル位置に挿入・選択範囲をタグで囲う |
| URL | https://www.nomuramath.com/tjw53eoc/ |
| SNSボタン |
オイラーの4平方恒等式
\[
\left(a_{0}^{\;2}+a_{1}^{\;2}+a_{2}^{\;2}+a_{3}^{\;2}\right)\left(b_{0}^{\;2}+b_{1}^{\;2}+b_{2}^{\;2}+b_{3}^{\;2}\right)=\left(a_{0}b_{0}-a_{1}b_{1}-a_{2}b_{2}-a_{3}b_{3}\right)^{2}+\left(a_{0}b_{1}+a_{1}b_{0}+a_{2}b_{3}-a_{3}b_{2}\right)^{2}+\left(a_{0}b_{2}-a_{1}b_{3}+a_{2}b_{0}+a_{3}b_{1}\right)^{2}+\left(a_{0}b_{3}+a_{1}b_{2}-a_{2}b_{1}+a_{3}b_{0}\right)^{2}
\]
床関数と天井関数の別表記
\[
\left\lfloor z\right\rfloor =z-\mod\left(z,1\right)
\]
『ファウルハーバー公式(冪乗和公式)』を更新しました。
選択関数と選択公理の定義
\[
\forall\lambda\in\Lambda,A_{\lambda}\ne\emptyset\rightarrow\prod_{\lambda\in\Lambda}A_{\lambda}\ne\emptyset
\]