クリックしてコンテンツを変更できるさまざまな領域を持つ Web ページを作成しています。領域をクリックすると、openWYSIWYG エディターが画面の中央に表示され、ページの残りの部分がグレー表示されるように設定したいと考えています。
エディターの配置を除いて、これを達成しました。セクションをクリックすると、不透明度が 50% の div がページを覆い、中央にテキストエリアが表示されます。しかし、エディターをテキストエリアにアタッチしようとすると、その位置が失われ、テキストエリアのように前ではなく div の後ろに落ちます。
openWYSIWYG エディターを中央に配置する方法を提案できる人はいますか?
あなたはモーダルポジショニングを探しています。これが1つの解決策です：
http://jqueryui.com/demos/dialog/#modal-form
基本的に、JqueryダイアログをWYSIWYGを保持するdivに適用します。送信ボタンを忘れないでください。
簡単に説明します。数か月前に、クライアント向けサイトのWYSIWYGエディターを扱う際にかなりの頭痛の種を経験しました。「WORDから貼り付け」ボタンをクリックするのは非常に難しい作業だったようです。単語を貼り付けたコードは、Webサイトに大混乱をもたらし、データベースのテキストフィールドをオーバーランさせる可能性があります。彼らのデモ（Webkitベースのブラウザーもサポートしていません）を試してみましたが、結果はきれいではありませんでした。これを解決するために私が見つけた唯一の2つのオプションは、バックエンドでコードをサニタイズするか、CKEditorを使用することでした。とても簡単だったので後者を選びました。CKを見てください、それは無料のコードの素晴らしい部分です。