7

新しいHTML5は、textareasにリッチテキスト機能を追加するので(より柔軟になります)、非常に厄介なjavascriptを使わずにコードシンタックスの強調表示などの作業を行うことができますもの)。HTML5リッチテキストのテキストエリア内

これは本当ですか?まだそれをサポートしているブラウザはありますか?そして、どこでAPIを見つけることができますか?

+0

私はリッチテキストをテキストエリアに入れていませんでしたが、私は見たことがありませんが、あなたは 'contenteditable'属性を調べることができます。 – Petah

答えて

3

あなたはそれを聞いたことがありますか? 見てくださいW3Schools > HTML5 > textarea私はこれが本当であることを示唆する何も見ることができません。

編集:原因W3Schoolsのを嫌う人

のコメントに複数のリンクを追加しましたそれは、本質的にこの時点では同じことだとしてもカントー、ここwiki TextAreaのW3.orgのためのリンクがあります、だけでなく、specテキストエリア用。また、2012年3月29日現在のdifferencesのhtml 4と5のドキュメント

+7

http://www.w3fools.com – AlienWebguy

+0

http://aspektas.com/blog/w3fools-a-foolish-attack-on-w3schoolscom/ – MilkyWayJoe

+2

@MilkyWayJoe方法のW3Schoolsのは、その情報が同じように憎むべきである提示します。非公式な情報ではなく、実際の仕様へのリンクが良いでしょう。 – Snuffleupagus

3

新しいcontentEditable属性のことをお伝えします。これはテキストエリアではなく、要素の属性です。これはコンテンツの変更を許可するのに適しています。

物事があるなど、あなたのブラウザはおそらくあなたに太字、イタリック、などとツールバーを与えるものではありませんけれども、クロムを使用して、テキストを選択し、CTR-Bを使用できるようになることhttp://html5demos.com/contenteditable

お知らせ、CTR-Iを、試してみてくださいそれでもまだこれでアイロンをかけています。

基本的には、進行中の作業であり、ブラウザの互換性のための最善の策は、tinymceなどのwysiwygエディタを使用することです。

+1

のcontentEditable属性は、このように古いIEを含む、すべてのブラウザでサポートされているように見えることをしておこうHTML5の機能ではありません。素敵な記事:HTMLをやっhttp://html5doctor.com/the-contenteditable-attribute/多くの年、私はその存在を知っていませんでした.... :( – cancerbero

+0

うわー、私はあなたがあなたをしていると同じように驚いています。私はそれの歴史を見せていた:Dツールバーは多くのものが欠落しています。http://blog.whatwg.org/the-road-to-html-5-contenteditableこれはsoooooooo良い:) –

5

Aloha Editorをお探しですか?

新しいcontenteditable属性を使用して、選択したすべての部門にWYSIWYGエディタを追加しています。

demosをご覧ください。

+0

しかし、それは非常に有望 – MilkyWayJoe

+0

すごい、素晴らしいエディタに見える – Alex

+0

よく見える、あなたは[貢献]することができます(http://aloha-editor.org/join_us.php)非常に面白そうだ –

3

何を(私と同じ)を探していることであればNO-jqueryのツール(純粋なHTML/CSS +基本的なJS)、その後、私が見つけた最高のいくつかのオプションがありません:

  1. wysihtml5
  2. それでも

  • Squire
  • ckeditor
  • widgEditor
  • 、カントー上記のリストのseはすべて要素(textarea)をiframeに変換するので、私が探していたものと正確には一致しませんでした。最後に、元の要素(divsなど)を尊重していますが、textareaを使用すると完全な単純なJSアプリの開発を可能にし)、追加のdivを作成します。

    1. nicedit

    が、これはあまりにもあなたのお役に立てば幸い!

    関連する問題