1

バックエンド アプリケーションに CKEditor を使用しています。

公式ドキュメントに記載されているとおりにインストールしました（非常に簡単です）。それにもかかわらず、たとえばこのテキストを追加しようとすると (この投稿の SO からコピー/貼り付けできますが、まったく同じです):

あなたは人々にあなたの話を聞いてもらいたいだけではありません。あなたは彼らに聞いてもらいたい。

私たちと同じように、分刻みでリンク、ブログ、投稿、ツイート、リツイートされるニュース クリップや論説に殺到しています。全国の数え切れないほどの声が、現代のメディアの反響室で互いにかき消し合っています。革命の可能性は、企業のメモに脚注を巻き込む可能性があり、Facebook のステータスを投稿するのにかかる時間内に、評判が死んだり生まれ変わったりする可能性があります。

世界中の企業やアジェンダ設定者にとって、これはすべて 1 つの重要な問題になります。

それが私たちの出番です。

政治、アドボカシー、企業の分野での豊富な広報経験から、N** * Communications は、全国的な会話に浸透し、クライアントの目標に向ける、創造的で実に効果的なコミュニケーション キャンペーンを先導します。バズを同期させるということは、ノイズを調和させるということです。突然、ただ聞くだけでなく、耳を傾けるようになります。

私たちは、非営利と営利の両方の分野のクライアントにサービスを提供し、政治キャンペーン戦略から幹部のスピーチライティングに至るまでのプロジェクトをリードしています。私たちは、CEO、選出された役人、大統領から地方レベルまでの政治的候補者、および 527 のグループから主要な全国組合までの進歩的な組織のために働いてきました。

私はこのようなものを持っています:

<p>
    &nbsp;</p>
<p 0px="" color:="" font-family:="" font-size:="" hear="" helvetica="" just="" line-height:="" p="" people="" style="margin: 0px 0px 10px; text-align: justify; font-size: 16px; color: rgb(51, 51, 51); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 20px; " t="" them="" to="" want="" you="" you.="">
    &nbsp;</p>
<p 0px="" color:="" font-family:="" font-size:="" hear="" helvetica="" just="" line-height:="" p="" people="" style="margin: 0px 0px 10px; " t="" them="" to="" want="" you="" you.="">
    Barraged as we are with news clips and op-eds that get linked, blogged, posted, tweeted and re-tweeted on a minute-to-minute basis, that&#39;s a lot to ask for. Countless voices across the nation drown each other out in the echochamber of modern media. Would-be revolutions can wind up footnotes on corporate memos, and reputations can die or reincarnate in the time it takes to post a Facebook status.</p>
<p 0px="" above="" agenda-setters="" all="" amounts="" an="" and="" businesses="" color:="" do="" font-family:="" font-size:="" for="" helvetica="" how="" important="" line-height:="" make="" noise="" one="" p="" question:="" really="" rise="" style="margin: 0px 0px 10px; " the="" this="" to="" we="">
    That&#39;s where we come in.</p>
<p 0px="" a="" advocacy="" and="" buzz="" campaigns="" color:="" communications="" conversations="" corporate="" creative="" direct="" downright="" drawing="" effective="" experience="" font-family:="" font-size:="" from="" goals.="" harmonizing="" heights="" helvetica="" in="" infiltrate="" just="" line-height:="" listened="" means="" national="" new="" noise.="" not="" of="" our="" p="" public="" re="" relations="" spearheads="" style="margin: 0px 0px 10px; " suddenly="" synchronizing="" that="" the="" them="" to="" wealth="">
    We service clients in both the nonprofit and for-profit spheres, leading projects which range from political campaign strategy to executive speechwriting. We&#39;ve worked for CEOs, elected officials, political candidates from the presidential to local level, and progressive organizations from 527 groups to major national unions.</p>

これは完全にゴミであり、使用できないため、ソース (ソースをクリックした場合) と、そのテキストを保存することにした場合はデータベースに表示されます。それは明らかに CKEditor 自体から来ているようです。

この問題はどこから来たのですか？

4

3 に答える 3

1

CKEditor の最新バージョンを使用していて、奇妙な方法で変更していないことは確かですか? 引用されたテキストを選択してコピーし、 http://ckeditor.com/demoのエディターに貼り付けています。これはソースの一部です。

ファイアフォックス:

<blockquote>
    <p>
        You don&#39;t just want people to hear you. You want them to listen.</p>
    <p>
        Barraged as we are with news clips and op-eds that get linked, blogged, posted, tweeted and re-tweeted on a minute-to-minute basis, that&#39;s a lot to ask for. Countless voices across the nation drown each other out in the echo chamber of modern media. Would-be revolutions can wind up footnotes on corporate memos, and reputations can die or reincarnate in the time it takes to post a Facebook status.</p>
    <p>
        For businesses and agenda-setters worldwide, this all amounts to one important question: &quot;How do we rise above the noise and really make an impact?&quot;</p>

クロム：

<p>
    &nbsp;</p>
<p style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-size: 14px; vertical-align: baseline; background-color: transparent; clear: both; word-wrap: break-word; color: rgb(0, 0, 0); font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; line-height: 18px; ">
    You don&#39;t just want people to hear you. You want them to listen.</p>
<p style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-size: 14px; vertical-align: baseline; background-color: transparent; clear: both; word-wrap: break-word; color: rgb(0, 0, 0); font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; line-height: 18px; ">
    Barraged as we are with news clips and op-eds that get linked, blogged, posted, tweeted and re-tweeted on a minute-to-minute basis, that&#39;s a lot to ask for. Countless voices across the nation drown each other out in the echo chamber of modern media. Would-be revolutions can wind up footnotes on corporate memos, and reputations can die or reincarnate in the time it takes to post a Facebook status.</p>
<div>
    &nbsp;</div>

では、ブラウザ間のこの違いの原因は何ですか? 2 番目のソースは正しいのでしょうか?

まず第一に、これは CKEditor のせいではなく、Chrome のせいです。クリップボードスタイルの HTMLに挿入されますが、これについては何もできません。もちろん、たとえば TinyMCE では、書式設定なしでテキストだけを取得すると言うことができます。しかし、それは貼り付けられたコンテンツを処理する盲目的な方法です。このようにして、TinyMCE はエディターで適用されたインライン スタイル (フォント サイズなど) も失います。そこにいくつかの単語を書き、フォントサイズを適用し、コピーして貼り付けると、それが失われます.

つまり...両方の出力 (Firefox と Chrome) は正しく、それが私たちにできる最善のことです。ただし、添付したものと同様の HTML が実際にある場合、問題はおそらくサイトにあります。

于 2012-10-09T15:14:48.180 に答える
1

ページで他の JavaScript と競合している可能性があります。ページにロードされている他の JavaScript ライブラリまたはスクリプトはありますか?

テスト ページでデフォルトの構成設定を使用してセットアップされたベース CKEditor を単独で使用することをお勧めします。実際に CKEditor に問題があるかどうかがわかります。

それでも問題が解決しない場合は、CKEditor と jQuery の両方を新たにダウンロードして、別のスタンドアロン テスト ページを実行してください。

于 2012-10-09T23:14:06.963 に答える
1

問題の解決策を見つけました。これは、私が持っていたポスト変数が、データベースに追加される前にトリムおよび xss フィルタリング前処理関数に渡されたためです。それがそのような奇妙な行動を引き起こしたのです。

于 2012-10-10T16:13:25.250 に答える