5 に答える
おもう
http://ace.ajax.org/#nav=about
と
http://www.cdolivet.com/editarea/editarea/exemples/exemple_full.html
OPにとってより使いやすいです。
ファイルをテキストエリアにインポートするには、次のいずれかを実行できます。
- PHP(または他の)スクリプトを使用して、アップロードされたファイルの内容をテキストエリアにエコーします。
- HTML5 FileApiを使用します(ここを参照)
また、テキスト領域内で「htmlエンティティをエンコード」する必要があります。そうしないと、ソースコードではなくHTML要素として表示されます。
また、コードのシンタックスハイライトを有効にするには、CodeMirrorを参照するか、Webで「HTMLSyntaxHighlighter」を検索してください。
ルーカスが言ったように<b>hello</b
、textarea要素内にHTMLをHTMLとして表示(たとえば、太字で表示)することはできないと確信しています。ある種のサードパーティエディタが必要になります(これを参照)。PHPにファイルを含めるには、ファイルの内容を表示したい場所でを使用$content = file_get_contents("path_to_the_file");
して実行します。また、ユーザーが自分のファイルをアップロードできる動的なシステムを使用している場合、または無効なHTMLを作成せずにと記号を表示したい場合は、XSS攻撃についてもこれecho($content);
を検討することをお勧めします。<
>
WYSIWYG エディターをご存知ですか?
私はhttp://www.tinymce.com/を使用しています
Google では、さらに多くの情報を見つけることができ、jQuery などを使用して独自のものを作成することもできます。
TEXTAREA 内のコードを強調表示することはできません。これまでのところ、TextArea 要素はプレーン テキストのみを受け入れます。
秘訣は、DIV を作成し、DIV 内のテキストを強調表示して、DIV を TEXTAREA タグの上に配置することです。これは、TinyMCE、FCKEditor、または同様の WYSIWYG エディターを使用して行うことができます。
コードをページにインポートするには、ファイルを開いてその内容を取得するためのプログラミング言語 (PHP など) が必要です。ただし、 body タグの間にあるものだけをインポートするようにしてください。