人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

テキストエリアに入力した文字を選択し、「太字」や「青」などのボタンを選択すると、”テキストエリア内の”文字が装飾されるようにしたいです。

ブログの機能としてよくあるものですが、テキストエリアの下にJavascriptで表示される方法・仕組みはわかるのですが、テキストエリア内にタグが入ってしまいます。

そうではなくて、テキストエリア内で文字を入れて選択し、ボタンを押すと、タグが入らずテキストエリア内で表示が変更される方法を探しています。参考サイト・サンプルサイト等をご存じでしたら、教えて下さい。

●質問者: kt26
●カテゴリ:ウェブ制作
✍キーワード:JavaScript エリア サイト タグ テキスト
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● GoldenDawn
●27ポイント

http://wiki.bit-hive.com/tomizoo/pg/%A5%EA%A5%C3%A5%C1%A5%C6%A5%...

http://www.mozilla-japan.org/editor/midas-spec.html

◎質問者からの返答

URL先、参考になりそうです。ありがとうございました。


2 ● どんジレ、どんさん
●27ポイント

id:kt26 さん、こんばんは。すでにお答えになられた方がいらっしゃるので、解決済みかもしれませんね。



お話を伺い、blogのhtmlタグ入力補助機能ではなく、秀丸などでテキストを見る際に、予め設定しておけばURLや特定の文字が強調表現になったり、検索をかけると蛍光マーカーを引いたような形に表示することをイメージしました。それで調べてたどり着いたのが Helipad なのですが、これもblogやWikiの一種のようで、ご希望の機能はついていないようでした。ファイル管理にタグを指定できる点は魅力的なのですが、ご希望のアイデアとは異なりますよね。少しでも参考になればいいのですが。

お役に立てなかったらすみません。

◎質問者からの返答

参考にさせていただきます。


3 ● sukesam
●26ポイント

テキストエリアの中にタグを書く事はできません。

よくBlogなどのエディタで、選択している箇所だけをBoldなどにするような処理は、

テキストエリアを使用していません。テキストエリアをシミュレートしているだけなのです。

そして、このような機能を自分で実装しようというのは相当大変なことです。

例えばYAHOO UIからRich Text Editorが提供されていますが、このライブラリはこれだけで、6000行Overです。

ですので、自分で実装しようとはせずに、そういったライブラリを使用すると良いと思います。

使う分には簡単なので、おすすめです。

YAHOO UIのRich Text Editorはベータですが下で試せます。

http://developer.yahoo.com/yui/examples/editor/switch_editor.htm...

他にも検索すると見つかるようです。

PHPSPOTで紹介されていた記事を紹介します。

http://phpspot.org/blog/archives/2006/12/javascriptwysiw.html

◎質問者からの返答

なるほど。是非参考にさせていただきます。ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ