以下の内容は、古い内容です。
新しい記事で情報を確認してください。

jQuery.selection - jQuery Plugin DEMO

jQuery.selection のデモサイトです。詳細は、http://d.hatena.ne.jp/ja9/searchdiary?word=*[jQuery.selection]

$.getSelection()のテスト

色彩映画の技術陣の人々は、日本民族の豊富な色彩感と、そして絵巻の伝統で鍛えられたる色彩構成の伝統を、世界にデビューする機会を、今眼前にしたことを強く意識すべきである。

次のことが、一版に注意されるべきであろう。

  1. 色彩のもつ韻律的な構成。
  2. そのヴァリエーションへの注意。
  3. 全体を見透しての、盛りあげに用いられるところの色彩の用意。
  4. 全色彩トーンを何に置くべきか。
    さらに、いかに配置すべきか。

    例えば、海の主題を取りあげてそれを貫いてみるごときそれ。あるいは、全体を、淡くするかまたはコントラストを強くするべきか。

  5. シナリオの筋と、色との配合、同調すべき場合と、むしろコントラストを強くする場合。
  6. シナリオでは説明となり、ダレるところを、色彩のリズムで救うという新たな救済策のあらわれたこと。
  7. 季感のもつ芸術的役割りがますます重大となってきたこと。

中井正一「色彩映画のシナリオ」(青空文庫)より引用

【取得結果が下記に表示されます】

テキストボックス/テキストエリアのテスト

テキストボックス

alert( $('input.test2').getSelection() );

テキストエリア

「強調タグで囲む」のソース

$('textarea.test2')
  // <strong> を選択テキストの前に挿入
  .insertBeforeSelection('<strong>')
  // </strong> を選択テキストの後に挿入
  .insertAfterSelection('</strong>');

「リンクタグで囲む」のソース

// 選択テキストを取得しておく
var selText = $('textarea.test2').getSelection();

$('textarea.test2')
  // <a href=" を選択テキストの前に挿入
  .insertBeforeSelection('<a href="')
  // http:// に置き換える(http:// を選択状態に)
  .replaceSelection('http://')
  // ">《選択テキスト》</a> を選択テキストの後に挿入
  .insertAfterSelection('">'+ selText + '</a>');

alert( $('textarea.test2').getSelection() );

Copyright © 2010 iwasaki. (http://d.hatena.ne.jp/ja9/)