web-dev-qa-db-ja.com

textarea(または代替手段)への最新のアプローチ

長い記事用のシンプルなテキストエディターの場合、保存ボタンが付いた最小限のモダンテキストエリア(必ずしもタグを使用する必要はありません)のプログラミング/デザインに関するアドバイスとインスピレーションを探しています。そこには「見逃せない25のテキストエリア」の記事はたくさんあると思いましたが、今のところ、意外と見つけられませんでした。

最先端の技術とは何ですか?モバイル向けに設計する場合の違いは何ですか?避けるべき落とし穴は何ですか?どこでもっと読むことができますか?

編集

リッチテキストエディターも検討しています。ただし、多くの場合、重すぎるように見えます。多分「それほどリッチではない」テキストエディターのサブクラス、つまりwmdと代替のエディターがあるのでしょうか。私は間違いなく http://sixrevisions.com/user-interface/rich-text-editors-for-2010-and-beyond/ を調べます。

13
Jasper

私は Dojoのdijit Textarea が本当に好きです。ユーザーがテキストを持っている限り、単純に拡張されるからです。これの良い点は、ユーザーがテキストボックス内をスクロールしなくても、常にテキストを表示できることです。

開始時の高さに設定して、そこから拡張することもできます。 FormEnvy.comには詳細情報があります それについて。

2
Kyle Hayes

アロハエディターを確認してください: http://aloha-editor.org/index.php

7
puppi

YUIには、高度なカスタマイズが可能な優れた Rich Text Editor コンポーネントがあります。

YUIはモバイルで動作し、 モバイルリッチテキスト編集 のヒントがいくつかあります。

「上位25 *のテキスト領域リスト」に関する限り、本質的に次のような記事があります: 2010以降のリッチテキストエディター 。彼らは、ウェブ用の22のリッチテキストエディターの簡潔な概要を持っています。

*(経済の影響で、パフォーマンスの低い3つのテキストエディターがダウンサイズされました)

5
Ben Brocka

現在のすべての編集者が持っている最も一般的な落とし穴は次のとおりです:Wordから貼り付け
この一般的な罪は、後で整理する必要があるよりも多くのマークアップをエディターに注入します。

アロハエディターは良い前進です。

私はウィキペディアが彼らの新しい編集者のためにやっている仕事が好きです。
http://en.wikipedia.org/wiki/Wikipedia:VisualEditor
この作業に大きな期待。

enter image description here

3
Eduardo Molteni

たぶん、あなたはリッチテキストエディターを求めているのでしょうか?伝統的に、それはまだその上にJSのレイヤーを持つテキスト領域で行われます。それがあなたが探しているものであれば、FCKEditorはベストプラクティスとかなり良いペースを保っています。他にもたくさんのオプションがあります。

HTML5ルートに移動したい場合は、content editable

http://html5demos.com/contenteditable

2
DA01