ホームページ ウェブフロントエンド jsチュートリアル オンラインエディターでの改行と自​​動コンテンツ抽出_JavaScript スキル

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

May 16, 2016 pm 06:53 PM
コンテンツ 改行 編集者

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;
}
}
これにより、
テスト テスト テスト
テスト テスト テスト
が得られます。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

iPhone で機密コンテンツの警告を有効にし、その機能について学ぶ方法 iPhone で機密コンテンツの警告を有効にし、その機能について学ぶ方法 Sep 22, 2023 pm 12:41 PM

特に過去 10 年間で、モバイル デバイスは友人や家族とコンテンツを共有する主な手段となりました。アクセスしやすく使いやすいインターフェイスと、画像やビデオをリアルタイムでキャプチャできる機能により、コンテンツの作成と共有に最適です。ただし、悪意のあるユーザーがこれらのツールを悪用して、閲覧に適しておらず、ユーザーの同意を必要としない不要な機密コンテンツを転送することは簡単です。これを防ぐために、iOS17では「センシティブコンテンツ警告」という新機能が導入されました。それとiPhoneでの使用方法を見てみましょう。新しい機密コンテンツに関する警告とは何ですか?またその仕組みは何ですか?前述したように、機密コンテンツの警告は、ユーザーが iPhone などの機密コンテンツを閲覧できないように設計された新しいプライバシーおよびセキュリティ機能です。

15 個の Python エディター/IDE の詳細なガイド。あなたに合ったものが必ず見つかります。 15 個の Python エディター/IDE の詳細なガイド。あなたに合ったものが必ず見つかります。 Aug 09, 2023 pm 05:44 PM

Python コードを作成するには、統合開発環境 (IDE) を使用するより良い方法はありません。作業をよりシンプルかつ論理的にできるだけでなく、プログラミングのエクスペリエンスと効率も向上します。これは誰もが知っています。問題は、数多くの選択肢の中から最適な Python 開発環境をどのように選択するかです。

Microsoft Edge ブラウザーを 360 ナビゲーションで開くように変更する方法 - 360 ナビゲーションで開くように変更する方法 Microsoft Edge ブラウザーを 360 ナビゲーションで開くように変更する方法 - 360 ナビゲーションで開くように変更する方法 Mar 04, 2024 pm 01:50 PM

Microsoft Edge ブラウザーを開くページを 360 ナビゲーションに変更するにはどうすればよいですか? それは実際には非常に簡単なので、ここで Microsoft Edge ブラウザーを開くページを 360 ナビゲーションに変更する方法を共有します。見てください。皆さんのお役に立てれば幸いです。 Microsoft Edgeブラウザを開きます。以下のようなページが表示されます。右上隅にある三点アイコンをクリックします。 「設定」をクリックします。設定ページの左欄にある「起動時」をクリックします。右の列の図に示されている 3 つの点をクリックし ([新しいタブを開く] をクリックしないでください)、[編集] をクリックして URL を「0」(またはその他の意味のない数字) に変更します。次に、「保存」をクリックします。次に「」を選択します。

C言語プログラミングに必須のソフトウェア:初心者におすすめの優れたヘルパー5選 C言語プログラミングに必須のソフトウェア:初心者におすすめの優れたヘルパー5選 Feb 20, 2024 pm 08:18 PM

C言語は基本的かつ重要なプログラミング言語であり、初心者にとっては適切なプログラミングソフトウェアを選択することが非常に重要です。市場にはさまざまな C プログラミング ソフトウェアのオプションがありますが、初心者にとってはどれが自分に適しているかを選択するのは少し混乱するかもしれません。この記事では、初心者がすぐに始められ、プログラミング スキルを向上できるように、5 つの C 言語プログラミング ソフトウェアをお勧めします。 Dev-C++Dev-C++ は、無料のオープンソース統合開発環境 (IDE) であり、特に初心者に適しています。シンプルで使いやすい統合エディター、

BarTender で行を折り返す方法 - BarTender で行を折り返す方法 BarTender で行を折り返す方法 - BarTender で行を折り返す方法 Mar 05, 2024 pm 07:52 PM

多くのユーザーがオフィスで BarTender ソフトウェアを使用しています。最近、一部の新規ユーザーが BarTender で行を折り返す方法を尋ねてきました。以下では、エディターが BarTender で行を折り返す方法を示します。以下を見てみましょう。 1. BarTender で、ツールバーの [テキストの作成] ボタンをクリックし、[単一行テキストの作成] を選択して、テキストの内容を入力します。 2. 作成したテキスト オブジェクトをダブルクリックして、テキスト プロパティ ダイアログ ボックスを開きます。 「テキスト形式」タブに切り替え、右側の「種類」で「段落」を選択します。 3. [閉じる] をクリックし、実際の要件に応じてテキスト ボックスのサイズを調整するか、テキストをさらに入力するか、テキストを折り返すことができます。

Go 言語開発ツールの紹介: 必須ツールのリスト Go 言語開発ツールの紹介: 必須ツールのリスト Mar 29, 2024 pm 01:06 PM

タイトル: Go 言語開発ツール入門: 必須ツール一覧 Go 言語の開発プロセスでは、適切な開発ツールを使用することで開発効率とコード品質を向上させることができます。この記事では、Go 言語開発で一般的に使用されるいくつかの重要なツールを紹介し、読者がその使用方法と機能をより直感的に理解できるように、具体的なコード例を添付します。 1.VisualStudioCodeVisualStudioCode は、豊富なプラグインと機能を備えた軽量で強力なクロスプラットフォーム開発ツールです。

Excelテーブルで行を折り返す方法 Excelテーブルで行を折り返す方法 Feb 09, 2024 pm 02:00 PM

Excel を使用していると、セル内で行を折り返すなど、さまざまな操作を行う必要があります。パソコンのExcel表で行を折り返す方法を見てみましょう。 【エクセル表の操作方法集】エクセル表で行を折り返すにはどうすればいいですか? 回答: 自動的に行を折り曲げたり、セルの書式を設定したりすることで実現できます。 1. 自動行折り返し 1. 表内で折り返す必要がある領域を選択し、[開始] ページで [自動折り返し] をクリックします; 2. 次に、A 列の幅を適切な値に調整します; 2.セルの書式設定 1. まず、折り返す必要がある領域を選択し、マウスを右クリックして [セルの書式設定] をクリックします; 2. 次に、ポップアップで

Golang エディタの推奨事項: 開発に適した 5 つの選択肢 Golang エディタの推奨事項: 開発に適した 5 つの選択肢 Jan 19, 2024 am 09:00 AM

Golang の人気と人気に伴い、ますます多くの開発者がこのプログラミング言語を使用し始めています。ただし、他の一般的なプログラミング言語と同様に、Golang 開発では開発効率を向上させるために適切なエディタを選択する必要があります。この記事では、Golang開発に適したエディタを5つ紹介します。 VisualStudioCodeVisualStudioCode (略して VSCode) は、Microsoft が開発した無料のクロスプラットフォーム エディターです。それはエレクトに基づいています

See all articles