ブラウザのブックマークツールバーにドロップできるブックマークレットを作成します。このブックマークツールバーをクリックすると、固定された定義済みのテキストが挿入されます(私のユースケースでは、シャギー:¯\ _(ツ))/¯)カーソル位置(カーソルが編集可能な入力フィールドまたはテキストエリアにあると仮定)。しかし、私はJavaScriptの初心者であり、これをやり始める方法を理解することはできません。どんな助け?私が正しい方向にポインタを得ることができれば、おそらくそこからそれを理解することができます。ありがとう!カーソル位置に固定テキストを挿入するJSブックマークレットを作成するにはどうすればよいですか?
答えて
遅延の申し訳ありません。私が質問を投稿した時点で、人生は私のところでいくつかのカーブボールを投げていました。そしてStackOverflowが私に今夜の応答を通知するまでこれについて忘れました。
コメント投稿者afouth私が探していたものすべてが私に与えられました。現在はブックマークレットがあります。この出くわす他の誰のために、ここにある:
javascript:(function(a){a.value=a.value.slice(0,a.selectionStart)+"%C2%AF\\_(%E3%83%84)_/%C2%AF"+a.value.slice(a.selectionEnd);})(document.activeElement);
これがあるかのように、テキストの一部を選択し、shruggieで選択を置き換えるためにブックマークレットを使用するように私を可能にするという利点を持っています私はキーボードの仮面彫刻のキーを打った。
自由に盗み、修正してください。これはFirefox 50.0.2でのみテストされていますが、現代のすべてのブラウザで動作するはずです。 (Internet Explorer 8以前では動作しません)
CSS Tricksには、そのやり方を説明した記事があります。私はよくリンクを知っている答えはここでは理想的ではありませんが、質問は正しい方向にポインタを求めているので、私はその良いフィット感を信じています。
このチュートリアルのブックマークレットはフォームを事前設定しているため、基本的には、フォームコントロールを見つけてプレフィルをどのようにしているかを見ていきます。その後、必要な機能に合わせて微調整し、最後に必要としない、または使用しないすべてのものを取り除きます。
そこにはたくさんの素晴らしい情報があるように見えますが、それはちょっと頭がおかしいです。私が必要としているのは、上記の質問に対するコメントを踏まえて、以下に投稿した回答です。しかし、とにかく、ありがとう。 – jcgoble3
- 1. RichTextEditorのテキストをカーソル位置に挿入
- 2. uitextviewのカーソル位置にテキストを挿入する方法は?
- 3. HTML5:固定テキスト入力をセンタリングキャンバスに配置するにはどうすればよいですか?
- 4. カーソルがあるところにテキストを挿入するにはどうすればよいですか?
- 5. 特定のcontenteditable divにキャレット/カーソルの位置を設定するにはどうすればよいですか?
- 6. ビデオタグを固定位置に配置するにはどうすればよいですか?
- 7. リストから特定のテキスト入力位置(カーソル下)にテキストをドロップするにはどうすればよいですか?
- 8. jqueryを使用してカーソルの位置にオプションのテキストのリストを挿入するにはどうすればよいですか?
- 9. wysihtml5エディタのカーソル位置にテキストを挿入します。
- 10. jsで作成されたキャンバスにCSSの位置を固定
- 11. 絶対位置にiTextSharp.text.Rectangleの四角形を挿入するにはどうすればよいですか?
- 12. Vueコンポーネントを動的な位置に挿入するにはどうすればよいですか?
- 13. アラビア語テキストの右寄せになるようにテキストフィールド内の入力カーソルの位置を変更するにはどうすればいいですか?
- 14. スクリーンスクレイピングを作成するためのブックマークレットを作成するにはどうすればいいですか?
- 15. UITextViewの左隅にカーソル位置を固定する方法は?
- 16. おいしいもののようなブックマークレットを作成するにはどうすればいいですか?
- 17. テキストの最後にキャレットの位置を設定するにはどうすればよいですか?
- 18. 固定位置でUITableViewControllerでUIPopoverControllerを表示するにはどうすればいいですか?
- 19. カーソル位置にワード形状を挿入
- 20. xamarinフォームで手動でエントリのカーソル位置を変更するにはどうすればよいですか?
- 21. スクロールを無視してFarbtasticの位置を固定するにはどうすればいいですか
- 22. Embarcadero Tools APIのカーソル位置にテキストを挿入
- 23. 固定位置divを中心divに揃えるにはどうすればいいですか?
- 24. コンソールアプリケーションでカーソルの位置を取得するにはどうすればよいですか?
- 25. 定義済みのボックスにテキストを挿入するにはどうすればよいですか?
- 26. 含まれているdiv内の固定位置divを作成するにはどうすればよいですか?
- 27. MenuItemImageをテキストで作成するにはどうすればよいですか?
- 28. コンテナをクリックしたときにカーソル位置にのみ表示されるコンテキストメニューを作成するにはどうすればよいですか?
- 29. 現在の画面のカーソル位置を取得するにはどうすればよいですか?
- 30. 入力ボックスに従うカスタムカーソルの位置を設定するにはどうすればいいですか?
[アクティブ入力要素を取得](https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement)。 [その要素の内容のカーソル位置を取得する](http://stackoverflow.com/questions/2897155/get-cursor-position-in-characters-within-a-text-input-field) [入力ボックスの内容にアクセスして変更する](http://www.w3schools.com/jsref/prop_text_value.asp)。 [文字列を操作してテキストを挿入します(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)。 – afuous
@afuousそれは私に私が探していたすべてを与えました。 Firefoxのコンソールで試してみたところ、約10分で気になるブックマークレットが得られました。私が思いついたことについて私の答えを見てください。 – jcgoble3
ニース、私は実際に自分自身を使用するかもしれません。 – afuous