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

Quick Edit Pencil
左横書きを右横書きへ簡易変換します.(コピペ用途)
変換処理はウェブブラウザだけで完了.ネットワーク通信が発生しないので安心.注,複数行の場合は一行になりそう.また,句読点(符号),顔文字の正確な変換は100%無理っぽ.

変換する文字列(横左方向→)

変換した文字列(←横右方向)

書字方向 横書方向変換スクリプト HTMLソース JavaScriptコード
  1. 変換する値(横左方向→)
  2. <form name="form1">
  3. <textarea cols="50" name="textarea1" rows="5" value="1">テスト</textarea>
  4. </form>
  5. <input onclick="clickBtn1()" type="button" value="変換" />
  6. <input onclick="clickBtn2()" type="button" value="クリア" />
  7. <p>変換した値(←横右方向)</p>
  8. <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>
  9.  
  10.  
  11. <script>
  12. function clickBtn1(){
  13. // 値を取得
  14. const ta1 = document.form1.textarea1.value;
  15. const reversed = [...ta1].reduceRight((p, c) => p + c);// 配列に変換し右から左へたたみ込む。
  16. document.getElementById("rtl").textContent = reversed;
  17. }
  18. function clickBtn2(){
  19. document.getElementById("rtl").textContent = "";
  20. }
  21. </script>
  22.  
  23. /*
  24. 参考サイト
  25. 書字方向 - CyberLibrarian
  26. スタイルシート[CSS]/テキスト・フォント/書字方向を指定する - TAG index
  27. JavaScript テキストエリアの値を取得/設定するサンプル | ITSakura
  28. 【JavaScript】文字列を反転する方法いろいろ - Qiita
  29. */
参考サイト様に感謝いたします

このブログの人気の投稿

PowerShellのGetDetailsOf メソッドでプロパティの詳細情報のID番号と項目名を列挙します

Blender: 辺の長さを数値で指定するアドオン

決定版 Edgeでローカルファイルを開く パワーシェルスクリプト (ウインドウズでドロップレット)

ヤバい!JAPANNEXT WQHD対応 27型ワイド液晶ディスプレイ「JN-IPS2716WQHD」を注文してみた!!!

PowerShellで複数ファイルのプロパティを取得する方法(準備編)

Windows10でアプリケーションごとに輝度を設定、自動で変更する - AutoHotkey

AppleScript 改行 コード 置換