2012-01-21 9 views
0

可能性の重複:
javascript WYSIWYG HTML editors?テキストエリア

イムない私はそのと呼ばれるものを知らないとしてこれを置く方法をかなり確実。しかし、本質的に私が必要とするのは、テキストや箇条書きなどをハイライトする太字のボタンでスタックオーバーフローのようなテキストエリアであり、いくつかの優れたオープンソースのものがあると聞いています。

私は、プレーンテキスト領域からPHPに移行するデータベースを持っています。追加機能を実行するだけで済みます。

多くの感謝!

+0

@Purmouああ素晴らしいありがとう:)私はそれがよさそうだという実装を見てます! – Jack4

答えて

1

ほとんどの場合、私は個人的にはhttp://ckeditor.com/を使用します。これは、比較的簡単に要求に応じてカスタマイズでき、多くのWYSIWYGエディタを派遣して実際に生成されたHTMLをかなりうまく処理します。

テキストエリアでデータを送受信するには、使用しているWYSIWYGエディタのドキュメントを参照する必要があります。エディタごとに異なるため、データの操作、設定、取得方法が異なります。

あなたは出力にこのようなPHPとHTMLが必要になります。

echo htmlspecialchars($database_stuff["content"]); 

が続いotuputtedコンテンツは、ブラウザによって解析されません(ただし、WYSIWYGエディタで - すべてで解析された場合に)。

+0

非常にいいです、ありがとう、私はそれが私にできるように8分でこれを行うでしょう:P – Jack4

2

同じ回答を投稿した別のスレッドから:

多くのものがあります。最も人気のある中には:

  • Aloha Editor - オープンソースブラウザベースのHTML5有効にリッチテキストエディタ 。
  • CKEditor - オープンソースのブラウザベースのリッチテキストエディタ。
  • TinyMCE - オープンソースのエディターコントロール。
  • WYMeditor - セマンティックマークアップに焦点を当てたオープンソースのXHTMLエディタ。
  • Dijit Editor - Dojoベースのリッチテキストエディタコンポーネント。
  • YUI Rich Text Editor - a Yahoo!リッチテキストエディタコンポーネントです。
  • KindEditor - オープンソースのHTMLエディタ。

出典:http://en.wikipedia.org/wiki/Rich-text_editor