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など細かい設計調整が可能です。他にも色々な項目が用意されているので、詳しくは公式サイトで確認することができます。

Photoshopのブラシのサイズと硬さを変更するショートカットキーPhotoshopのブラシのサイズ(直径)と硬さを変更するショートカットキー前のページ

HTML5・CSS3・jQueryで作るレスポンシブなスライダーを実装できるjQueryプラグイン「Slippry」次のページ

関連記事

  1. Rainbow.js
  2. jquery.matchHeight.js
  3. jQuery.mousetip

    JavaScript

    マウスの動きや位置に追従してくるツールチップを実装できる「jQuery.mousetip」

    jQuery.mousetipはマウスの動きや位置に追従してくる軽量の…

  4. desoSlide

    JavaScript

    サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」

    desoSlideというjQueryプラグインを使えば、サムネイル付き…

  5. Amigo Sorter Plugin

    JavaScript

    タッチ対応で直感的に並べ替えできるjQueryプラグイン「Amigo Sorter Plugin」

    Amigo Sorter Pluginは、タッチ対応で直感的にリスト項…

  6. Animated Page Transition

コメント

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

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

最近の記事

  1. 10種の野菜と5種のビーンズ サラダラップとドリップコーヒー
  2. EOS RP
  3. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  4. スターバックス ハシエンダ アルサシア

アーカイブ

PAGE TOP