JavaScript

フレキシブルなフルスクリーンのテキストエリアを実装できるjQueryプラグイン「jQuery Fullscreen Editor」

jQuery Fullscreen EditorというjQueryプラグインを使えば、簡単にテキストエリアにフレキシブルなフルスクリーンモードを実装することができます。画面いっぱいにテキストエリアが広がるので集中して文字を書くことができますね。

[ads_center]

jQuery Fullscreen Editorの使い方

jQuery Fullscreen Editor

jQuery Fullscreen Editor

こんな感じで、フルスクリーンモードのテキストエリアを実装できます。便利ですね。

使い方は、まずCSSファイルを読み込みます。

<link rel="stylesheet" href="fseditor.css" type="text/css" media="all">

続いて、jQuery本体とプラグインを読み込んでjQuery Fullscreen Editorをセットします。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="jquery.fseditor.min.js"></script>
<script>
  $(".mytextarea").fseditor();
</script>

使い方もシンプルで使いやすいですね。

オプションでは、overlay、placeholder、transition、maxWidth、maxHeightなど細かい設計調整が可能です。他にも色々な項目が用意されているので、詳しくは公式サイトで確認することができます。

関連記事

  1. WD_ImageStax

    JavaScript

    山積みされた写真をシャッフルさせるフォトギャラリー「WD_ImageStax」

    WD_ImageStaxは無造作に山積みされた写真をシャッフルさせるフ…

  2. Rebox

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

  3. HCaptions

    JavaScript

    ホバー時に色々なエフェクトでキャプションをオーバーレイ表示できるjQueryプラグイン「HCapti…

    指定した要素をホバーすると色々なエフェクトでキャプションをオーバーレイ…

  4. JavaScript

    画像の一部をカッコよく拡大したりできるjQueryプラグイン「Loupe」

    こうゆうプラグインは初めて使ってみたんですが、とても面白いですね。Lo…

  5. Animated Page Transition
  6. no-image

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. cheero Stream 10000mAh
  2. BOSE HOME SPEAKER 300
  3. RP-PC112
  4. SRS-XB402M
  5. Lite LR30

アーカイブ

PAGE TOP