テキストエリアでタグのハイライトや自動補完·TAGMATE! MOONGIFT
TAGMATE!はTwitterやFacebookのテキストエリアのように#@$という接頭文字に対応してタグ化するライブラリです。 TwitterやFacebookによってテキストエリアの中に特定の記号を伴った文字を書くとそれがユーザやタグとして認識されるサービスが多くなっています。そこで類似の実装をする際に使えるのがTAGMATE!です。 #、@、$の後に書かれた文字列が自動的にタグとして認識されてハイライト表示されています。 @の場合は本名での補完機能がついています。 $は金額に反応します。 名前のタグだけ抽出できます。この時はユーザ名なのが面白いです。 同様にハッシュタグだけ抽出。 プライスタグはうまくアラートが出ませんでした。 全てのタグを抽出しました。 TAGMATE!は@#$のタグに対応しています。パースする条件は正規表現で指定できます。インラインのオートコンプリートにも対応し
テキストエリア＜textarea＞のリサイズをCSSで制御する｜BLACKFLAG
今ではmozillaやwebkitブラウザでは、 Webページ上に＜textarea＞タグを使ったテキストエリアを配置した際、 ユーザーがエリアのサイズを自由にリサイズすることが可能になります。 場合によっては、このリサイズ操作をすることで 周りのレイアウトが崩れてしまったり、枠からテキストエリアが飛び出してしまったり、 何かと厄介になることもあります。 そんなテキストエリアのリサイズを CSSで制御できるプロパティがあるようなのでご紹介。 リサイズの制御は ———————————————————————————————- ・縦横自由にリサイズ（デフォルト） ・縦のみリサイズ可能 ・横のみリサイズ可能 ・縦横ともにリサイズ不可（テキストエリアをリサイズさせない） ・リサイズの最小値／最大値を設定 ———————————————————————————————- となります。 CSSの記述方
好みのテキストエディタでテキストエリアを編集する·Text Editor Anywhere MOONGIFT
Text Editor Anywhereはテキストエリアでの文章編集に任意のテキストエディタを使えるようにするソフトウェア。 Text Editor AnywhereはWindows用のフリーウェア。Webブラウザが高機能化する中、いつまでも機能がチープなのがテキストエリアだ。メモ帳レベルの機能すらない。CKEditorなどWYSIWYGエディタ化するライブラリもあるが、動作が重たいのが欠点だ。 呼び出した所 もっと普段使い慣れたテキストエディタくらいの機能が欲しいと思ったことはないだろうか。そうすればメール等ももっと手早く書けるようになる。それを実現するのがText Editor Anywhereだ。 Text Editor Anywhereはテキストエリアでの文字入力に任意のテキストエディタを割り当てられるソフトウェアだ。インストール型の他、ポータブル版もあるので任意の環境で使えるのが
textarea のリサイズ機能を止めてみる
Firefoxや、Google Chrome、Safari辺りでいつの間にやら実装された、textarea のリサイズ機能はとても便利で良いなーとは思ってますが、止めたい時も有りますよね。 なので、止める方法を。 CSS3にそれっぽいプロパティが有るので、1行書くだけです。 textarea { resize: none; } こんな感じですね。 これは、ユーザー側で要素のリサイズ機能を許可するかしないかってプロパティなので、別にtextareaに限らず、overflowプロパティの値がvisible以外の指定が有る場合に使っていける感じです。 これだけだと、寂しいのでエントリーっぽくするために。 textarea以外に使うとしたら、トップページの新着情報みたいなので時々見る、高さ固定して overflow: auto; とかでスクロールバー出してる場合とかに使っていけばユーザー側でリサイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
