質問は長く聞こえますが、本当にシンプルで基本的な解決策を探しています。
HTML:
<textarea id="test">Hello world</textarea>
<a>change</a>
jQuery:
$('a').click(function() {
var htmlString = '<div class="football"></div>'
var existing = jQuery('#test').text()
$('#test').append().text(existing + htmlString).html();
});
これにより、既存のテキストがhtmlString
変数に追加されます。これはhtmlString
、既存のコンテンツを維持しながらテキスト領域に追加する方法ですか、それとももっと良い方法がありますか?
またhtmlString
、カーソルがどこにあるかを追加することも重要です。ライブコードではより理にかなっていますが、この種のコードは、これらの変数の両方をそのように文字列化する上で無効になります。だから私はいくつかのアイデアを受け入れています:)
これは、そのコードが何をするかをよりよく視覚化するためのフィドルですFIDDLE