javascript - jqueryまたはjavascriptを使用して、段落内の選択したテキストにアンカータグを追加する方法

Question

テキスト領域またはエディターにテキストがあります。コードの一部を選択してからリンクの追加をクリックすると、選択したテキストをリンクに変換する必要があります。jqueryを使用してそれを行うにはどうすればよいですか。

Answer 1

Rangyinputs jQuery pluginに関連して、次のコードを使用できます

var url = "http://stackoverflow.com/";
$("#yourTextAreaId").surroundSelectedText('<a href="' + url + '">', '</a>');

または、リッチ テキスト エディターの場合は、このシンプルで軽量なリッチ テキスト エディターを確認できます。

Rangyinputs プラグイン関数の簡単なデモについては、このフィドルを参照してください。

Answer 2

エディターにリンクだけでなく、完全な WYSIWYG エディターのようなものが必要な場合は、CKEditorを試してください。

それ以外の場合は、便利なリンク機能が必要な場合は、ユーザーに URL を貼り付けてもらい、後でテキストを取得するときにjQuery urlTolink プラグインを試してもらいます。