オンラインエディターでの改行と自​​動コンテンツ抽出_JavaScript スキル

WBOY
リリース: 2016-05-16 18:53:51
オリジナル
1425 人が閲覧しました

IE で
を挿入する問題を解決するために "return false" を使用する人もいますが、Firefox では解決できません。そしてこの問題はfckeditorでも解決されていません。ははは、意図的だったのかな。
おそらく、上記の説明を読んでも、まだ問題が理解できないでしょう。実験をしてみましょう。fckeditor を開き、ソース コード モードに切り替えて、

test test test test test test
と入力してから、デザイン モードに戻り、この文の任意の場所 (3 番目以降など) に Enter を入力します。 test. とすると、ソースコードで得られるのは
test test test
test test test
であることがわかります。
の形式であれば、自動的にこの形式で生成されると、無駄なコードが大量に追加されます。この問題は、私が見つけることができるすべてのオンライン エディターに存在します。
なぜ改行に
を使用する必要があるのですか?シンプルで柔軟です。空白行の間に大きなスペースがある

とは異なり、大きな空白行にさらにいくつかの改行を入力するだけで済みます。また、記事コンテンツの一部の自動抽出を使用する場合、タグにクロージャーがないことを心配する必要はありません (おそらく '
' は切り取るべきではありませんが、コンテンツの量が少量しかなく、表示が異常です。また、複数の
を連続して使用しない限り、'
' が切断される可能性は非常に低くなります。もちろん、これは簡単に修正できます)。このように、カスタムレイヤーを使用するときに

を使用できる利点は、タグが切れる心配がなく、タグが閉じられないことです。これにより、

の使用が回避されます。
を使用して記事のコンテンツを自動的にインターセプトし、クロージャーのない
がある場合 (この状況は、div 内に大量のコンテンツがある場合に発生しやすくなります)、ページ全体の効果。タグを削除してからコンテンツを傍受するのは、良い選択ではありません。たとえば、csdn のブログでは、最初にタグを削除してから記事を傍受します。これは誰もが経験したことですが、これは明らかに良くありません。もちろん、img などのタグの整合性を確保したい場合は、まだやるべき作業がいくつかありますが、それははるかに簡単になります。この方法で処理した後、記事のコンテンツをインターセプトしてデータベースに保存した後、ユーザーがソース コードを使用して編集できる
タグを

タグに置き換える必要があることに注意してください。
どうすれば

テストテストテスト
テストテストテスト
を入手できますか?
ははは、問題の解決策は実はとても簡単です。つまり、false を返すのではなく、ブラウザのデフォルトのアクションをブロックします (この方法はオンラインで見つけることができますが、これで問題を解決できるのは IE 環境でのみです)。
onkeydown イベントバインディング関数を使用します (ie、Firefox と互換性があります)
function cancelEnter (e)
{
var keyCode = e.charCode || e.keyCode
if(keyCode ==; 13)
{
// ここでは、document.execCommand(cmd, false, '
') などの文字挿入関数と
(もちろん他のものでも可能) を使用します。 / IE はこのコマンドをサポートしていないことに注意してください
// iframe または div コードで実装が異なる可能性があるため、特定の状況によって異なります (IE と互換性を持たせるには、Firefox も互換性がある必要があります)
//インターネットで検索することもできます。 コードについてはあまり言う必要はありません。
if(e.preventDefault) e.preventDefault(); // ブラウザのデフォルトのアクションを無効にします (ここがキーです)
else e. returnValue = false;
}
}
これにより、
テスト テスト テスト
テスト テスト テスト
が得られます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート