問題タブ [wysiwyg]

WYSIWYG エディターは、私が覚えている以上に使用しています。この種のエディターに JavaScript を簡単に貼り付けると、XSS 攻撃の格好のアヒルになります。

XSS 防止と統合された WYSIWYG エディタを知っている人はいますか?

解決策と提案は大歓迎です。

コメントを追加するときに、このWYSIWYGと非常によく似た、彼らが使用したコードを探しています。<br />Returnキーを押すと、自動的にタグがスローされるようにしたいと思います。HTMLタグを知っていれば、テキスト領域で機能させる非常に簡単な方法を知っていますが、ほとんどのユーザーはそうしません。ですから、太字、斜体、リンクなどのいくつかのボタンが必要で、<br />戻ったときに自動的に実行されます。本当に派手なものはありません。

私は両方を使用しているので、jqueryまたはrailsソリューションのいずれかです。リード/ヘルプをありがとう。TinyMCEのようなものを簡単に調べましたが、それらはユーザーにできることよりもはるかに多くのことを行います。

MS Word のように動作する WYSIWYG フォームが必要なクライアントがいます。いくつかのセクション ラベルがあり、ユーザーは各セクションにメモを入力する必要があり、チャート用のプレース ホルダーが必要です。秘訣は、印刷時に改ページがどこに落ちるかをユーザーが知る必要があるということです。顧客は、固定サイズのマージンを持つ固定サイズの用紙に同意します。この課題にどのように取り組むべきですか? ご提案いただきありがとうございます。

次に例を示します。

セクション 1: ここでアイデアを説明します { ユーザーがこのセクションに入力すると、このセクションと次のセクションの間のスペースが広がりますが、ユーザーはセクション 1 または 2 と書かれた行、またはグラフのプレースホルダーを削除できません. ただし、大量のテキストを入力する場合は、改ページの場所を破線などで表示する必要があります。これにより、ユーザーは、入力したコンテンツが目的のページに表示されることを確認できます。たとえば、ここにたくさん入力すると、セクション 2 が次のページに押し出されます}

セクション 2: これが良いアイデアである理由を述べる

[チャートのプレースホルダー。. . ]

セクション 3: 補足事項:

サイトでマークアップ エディターを使用しようとしていますが、サーバー サイド スクリプトにテキスト領域を送信するために何をする必要があるかを理解するのに問題があります。やらなければならない簡単なことがあると思いますが、JS / JQueryの知識が不足しているため、答えを見つけるのが本当に難しくなっています

エディターは正常に動作します。独自のフォームと送信ボタンを使用したいだけですが、フォームを送信しようとすると、スクリプトにテキストエリア データが表示されません。

私が何をする必要があるか分かりますか？これは機能する分です（送信前）

私が言ったように、送信前のすべてが機能しますが、送信すると、フォームデータ要素「テキスト」に対して何も得られません。

私は頭の中でこれをやってみました：

私も試しました：

そして、私には運がありません-上記の最後の試みはフォームを無効にしただけです（そのため、送信またはプレビューボタンをクリックしても何もしませんでした）.

何か案は？独自のフォームを使用するのは本当に簡単だと思いますが、その方法がわかりません。

ティア！

ユーザー向けに設計したサイトのコンテンツ ブロックを編集する機能をユーザーに提供したいと考えています。

ほとんどのブロックは に含まれて<div>おり、ユーザーはブロック内で使用する HTML を自由に選択できます。ただし、タグなどに含まれるいくつかのブロックがあり、正しい HTML 構文に従うために、リストから s を<ul>追加または削除するだけにユーザーを制限したいと考えています。<li>

データベースから HTML を取得し、WYSIWYG エディターで管理者ユーザーに提示する予定です。ブロックの「包含タグ」を指定し、通常の HTML 構文規則に従って、ブロック内に追加できるものを制限できるエディタはありますか?

参考までに、アプリには Zend Framework と PHP を使用しています。

まずここにコードがあります！

バム！

私の問題はこれです。mooWMDチュートリアルの例のようには機能しません。取得するのは、wmd.cssスタイルが適用された空のテキスト領域だけです。何が間違っているのか理解できません。すべてのファイルの場所は正しいですが、「mooWMD」が定義されていません。私は途方に暮れています、そしてすべての提案はありがたいです。

Web ページに統合できる優れた WYSIWYG エディターを探しています。これにより、ユーザーは、コマンドや構文の新しいセットを学習したり、テーブルを削除しようと夢中になったりすることなく、手紙や法的契約などを編集できます。または画像のサイズを変更します。

関連する質問を読みました。そして、fckeditor、tinymce、ephox など、おそらくより優れたもののほとんどを使用してきました。そして、他の多くを見てきました。私が本当に優れた編集者だと思うものはどれもありません。

編集に関してはEphoxが一番良かったです。しかし、それは重い Java アプレットです。理想的なソリューションは、JavaScript ベースです。ブラウザーが制限要因であることは承知しており、私が望む場所にたどり着くには、おそらく 1 世代以上かかるでしょう。

助言がありますか？市場に出てくる新しいものはありますか？

.Net のRichTextBoxコントロールに問題があります。表のセルの書式設定をサポートしていないようです。これは面白いことに、ほとんどの場合、表を作成するときにセルの内容を右揃え (数値、通貨) にしたいからです。

RichTextBox でワードパッド ドキュメントを開こうとすると、セル配置のコマンドが無視されます (実際には削除されます)。いくつかの回避策を試しましたが、成功しませんでした。

1. 誰でもこれを修正するためのアイデアを思いつくことができますか? （固定幅のフォントとスペースを使用しない）他のコードはすでに正常に機能しているため、これが最善の解決策です。必要なのはダーティハックだけであれば、それは素晴らしいことです.

2. または、推奨できる .Net Rich Text Editor のオープン ソースの代替手段はありますか? Windows フォームに埋め込み、プログラムでコンテンツにアクセスできるユーザー コントロールが必要です (コンテンツを作成するか、何かを追加します)。しばらくの間 Web を検索しましたが、Web (Ajax/Javascript) コントロールしか見つかりませんでした。

3. 私が使用できる HTML WYSIWYG エディターもありますが、基本的にはすべて、MSHTML を使用して埋め込まれて編集された IE ブラウザーであり、Winforms アプリでそれを使用するのは少し奇妙に感じます (おそらく私が間違っているかもしれません)。その場合、HTML 用のコンテンツ ジェネレーターを実装するのに少し余分な時間が必要になりますが、RTF IMHO よりも読みやすく、生成するのははるかに簡単です。

4. この目的のために、皆さんは何を見つけますか?

私は、オープン ソースのランタイム フォーム デザイナー (HTML デザイナーを検索するのではなく、SCADA 用) を探しています。これは、最新の IDE WYSIWYG に似ています。これまでのところ、私のリストは空です。

要件は、クロスプラットフォームおよび C++ です。

前もって感謝します。

アップデート：

現在、GUI プラットフォームとして wxWidgets を使用しています。したがって、考えられる解決策は、オープンソースの wxWidgets ベースのフォーム デザイナーか、wxWidgets コンポーネント/ライブラリのいずれかです。

更新 2:

私が探していたwxShapeFrameworkコンポーネントが見つかりました。現時点では、これが唯一のオプションです。

現在、TinyMCE を単純なブログ/ページ編集アプリのバックエンド エディターに組み込んでいますが、それが作成する HTML コードには非常に不満があります。次のようなあらゆる種類の厄介なことを行います。

• HTML を直接編集しないと削除できないインライン スタイル情報をスパン タグに追加します。
• 意味のない方法でタグをネストする (例:<p><strong><p><span>some text</span></p><strong></p>太字にするため)。
• <p>&nbsp;</p>属していない場所に空行を追加していますが、空行を作成しようとしていません。

編集:他のエディター (SO を含む) のリストを見てきましたが、wysiwyg エディターからきれいなコードを取得するのがうまくいったかどうかを直接知りたいです。

舞台裏でより良いコードを出力するための推奨事項はありますか?