問題タブ [wysiwyg]

数日前、WYSIWYG ツールに依存するのではなく、HTML/XHTML を手作業でコーディングする開発者の数を尋ねる質問を読みました - https://stackoverflow.com/questions/406052/do-most-web-programmers-not-designers -use-wysiwyg-editors-or-hand-code-their

私は、自分のコードで使用するユーザー コントロールではなく、ASP.NET サーバー コントロールを設計する傾向があります。これは、WYSIWYG にドラッグ アンド ドロップして再利用し、関連するいくつかのプロパティを設定するだけで済むようにするためです。これにより、コンポーネントの設計に少し余分な時間がかかりますが、より大きなアプリケーションでそれらを使用するとなると、作業が大幅に簡素化されます。

ほとんどの開発者が WYSIWYG を使用するのではなく、コードを手渡すように見えることを読んだ後、私は疑問に思いました。

編集：明確にするために-ほとんどの場合、元の意図は、これらのコントロールが私自身の使用のためであるということでした. しかし、私のチームの他のメンバーや一般公開に役立つ可能性がある場合は数多くあります。しかし、ほとんどの場合と同様に、追加の価値が実現される可能性に関係なく、比較的わずかな追加の作業で大きな潜在的な追加の価値が得られると考える傾向があります。

顧客の要件に基づいて、タグを許可するように TinyMCE を構成します。
私の構成は次のとおりです (TinyMCE のサンプルから
取得しました。長くなって申し訳ありません。省略したくありませんでした。

そのため、エディターの UI は正常に動作しているように見えますが、html の表示ボタンを使用したり、サーバーに保存したりすると、フォントがまだ削除されているように見えます。何か案は？

テキストと画像のみを含むことができる編集可能な div 要素を持つことは可能ですか? TinyMCE や jWYSIWYG などの豊富なコントロールを使用できることは理解していますが、このすべての機能は必要なく、軽量なものが必要です。

基本的に私が欲しいのは、 IE や Firefox を使用しているときにサイズを変更できない絵文字などのさまざまな画像を追加できる、プレーン テキストの編集可能な要素だけです。私はフレームワークとしてjQueryを使用しているので、それを使用するものは何でも素晴らしいでしょう.

更新: サイズ変更ハンドラーが表示されないように、画像のクリック イベントをブロックすることは可能ですか?

関連する質問 Firefox - designMode: 画像のサイズ変更ハンドルを無効にする

デスクトップ アプリケーションと Web ベースの RTE の両方でさまざまなエディターを試しましたが、うまく機能するものは見つかりませんでした。「タグスープ」を追加して、コードを台無しにすることがよくあります。有効なコードのみを生成すると主張するものでさえ、多くの場合、span タグとスタイル属性の完全な混乱を生成します。

ここに私が探している機能のいくつかがあります：

• ページ全体やサイトを作成するのではなく、主に「コンテンツ作成」として使用します (通常、私は手作業でデザインを行います)。
• すべての HTML タグ ( 、 、 などを<small>含む<code>)を<kbd>サポート<dl>
• クラスを現在の要素にアタッチできます - 多くのエディターはスパンタグを挿入し、次のような混乱を引き起こします:<p><span style="...">...</span></p>
• 私が追加したコードを変更しません (編集者に非表示の入力フィールドやその他のものを削除してもらいました)
• 廃止された属性を追加しません。たとえば、境界線やセルのパディングが画像やテーブルに追加されることがよくあります。
• 自分のページに使用するスタイルシートを取得し、選択したスタイルを明らかに適用できるなら、それが大好きです
• デスクトップ アプリの場合、Linux ベースであることは大きなプラスになります。

誰にもお勧めはありますか？私が試したもののいくつかを次に示します。TinyMCE、FCKeditor、および Web 上のさまざまな他のもの。デスクトップ上の Dreamweaver (簡単に)、Expression Web、および KompoZer。

jQuery を使用して、テキスト ボックスの編集中にスマート クォートのライブ挿入を有効にするにはどうすればよいですか?

本当に私の質問は、WYSIWYG フォーム コンポーネントを介して受け入れられる html のサーバー側のスクラブと関係があります。現在、私は htmlpurifier.org のライブラリを使用することに傾いています。他の場所で php strip_tags() 関数を使用しています。アドバイス/好み/推奨事項はありますか?

あちこちにメモ フィールドを持つ webapp を構築していますが、どの種類のマークアップを使用すればよいかわかりません。

これらは私の要件です

• ユーザーはテキスト スタイル (太字、斜体、下線付き) を変更できる必要があります。
• ユーザーは箇条書きリストを作成できる必要があります
• ユーザーは番号付きリストを作成できる必要があります
• ユーザーは、フォントサイズを変更するか、事前定義された見出しを使用できる必要があります
• ユーザーはリンクを追加できる必要があります
• ユーザーには、実際のマークアップを非表示にする WYSIWYG - エディターが必要です

最後の 1 つは最も重要な要件です。ターゲット ユーザーは単語にさえ苦労しているため、スタックオーバーフローでこのようなマークアップ スタイルの入力を使用することはできません。

では、どのような種類のマークアップが適切で、優れた WYSIWYG - エディターを備えているか知っていますか? 重要な要件を見逃したと思われる場合は、お気軽に提案してください。

ティア

Markdown でネイティブに動作するWYSIWYGエディターはありますか? (任意のプラットフォーム/言語) ...したがって、消費者は背後にあるコードを見る必要はなく、MS-Word のようなインターフェイスで作業するだけです。

Markdown ソース (私がこの質問を書いているものなど) を表示および編集している補助的な MarkDown エディターも問題ありません。

オンライン エディタ (FCKEditor など) を開発しようとしていますが、どのように機能するのかわかりません。WYSIWYG に Javascript と IFrame があることは知っていますが、実際にはどのように機能するのでしょうか?

エディターに入力されている内容をリアルタイムでプレビューできることに特に興味があります。

ユーザー入力を自作のマークアップに変換するカスタム RTE を構築していますが、これは私が designMode = "On" の iframe を使用してこれを行い、styleWithCSS = false を使用して firefox で動作するようにしたので、簡単に変換できます。 (はい... b :( ) をマークアップに追加する<b>と、適切なコードが出力され、今から読む<span style="...必要がなくなります。私の問題は、IE、Chrome で styleWithCSS = false のように見えるまたは動作するものを見つけることができないようです。またはオペラ、任意の提案を歓迎します。