書字方向 横書方向変換スクリプト 左書きから右書きへ(コピペ用途)

左横書きを右横書きへ簡易変換します.(コピペ用途)
変換処理はウェブブラウザだけで完了.ネットワーク通信が発生しないので安心.注,複数行の場合は一行になりそう.また,句読点(符号),顔文字の正確な変換は100%無理っぽ.
変換する文字列(横左方向→)
変換処理はウェブブラウザだけで完了.ネットワーク通信が発生しないので安心.注,複数行の場合は一行になりそう.また,句読点(符号),顔文字の正確な変換は100%無理っぽ.
変換する文字列(横左方向→)
変換した文字列(←横右方向)
書字方向 横書方向変換スクリプト HTMLソース JavaScriptコード参考サイト様に感謝いたします
- 変換する値(横左方向→)
- <form name="form1">
- <textarea cols="50" name="textarea1" rows="5" value="1">テスト</textarea>
- </form>
- <input onclick="clickBtn1()" type="button" value="変換" />
- <input onclick="clickBtn2()" type="button" value="クリア" />
- <p>変換した値(←横右方向)</p>
- <p id="rtl" style="background-color: lightgrey; box-sizing: border-box; color: darkslategrey; line-height: 1.6; overflow: auto; padding: 1rem; text-align: right;"></p>
- <script>
- function clickBtn1(){
- // 値を取得
- const ta1 = document.form1.textarea1.value;
- const reversed = [...ta1].reduceRight((p, c) => p + c);// 配列に変換し右から左へたたみ込む。
- document.getElementById("rtl").textContent = reversed;
- }
- function clickBtn2(){
- document.getElementById("rtl").textContent = "";
- }
- </script>
- /*
- 参考サイト
- 書字方向 - CyberLibrarian
- スタイルシート[CSS]/テキスト・フォント/書字方向を指定する - TAG index
- JavaScript テキストエリアの値を取得/設定するサンプル | ITSakura
- 【JavaScript】文字列を反転する方法いろいろ - Qiita
- */