2016-09-12 11 views
0

プラットフォームのソースからテキストをコピーします。これはプライベートプラットフォームで、テキストを入力できるボックスがあります。後でHTMLソースコードを見ることができるボタンがあります。私は問題のない多数のテキストをコピーしました。上記のコピー貼り付けをしようとすると、HTMLコードで特定のタグが生成されていることがわかりました。テキストのコピー後にspan lang = "en-gb"が生成される

<p><strong><em><span lang="en-gb">Week of the 5th&nbsp;of September</span></em></strong></p> 

私の質問は、どういうことでしょうか。テキストをコピーした後に特定のタグが生成されますか?したがって、コピープロセスでは、いくつかのものが私たちが見ることのできるテキストからコピーされます...また、ソーステキスト(コピーしようとしている)には、ユニコードの設定からサポートされていない文字が含まれているためプラットフォーム(Webアプリケーション)で?

私は本当に何が起こっているのか分かりました。

答えて

3

あなたがソースを見ることができるボタンを持っていたという事実に基づいて、これはCKeditor、TinyMCE、FroalaなどのWYSIWIG(あなたが見るものは何か)エディタのように聞こえます。 JavascriptとCSSを使用してより堅牢なエディタに変換します。テキストエリアで簡単なテキストの書式設定、画像のアップロード、ソースの表示などを行うことができます。

これらは、コードを書かずに管理できるようにするためにブログやコンテンツ編集に多く使用されていますWebサイトのコンテンツを維持します。たとえば、これらのいずれかにテキストの「段落」を入力すると、Javascriptを使用して適切な<p>タグで自動的に囲みます。

あなたのケースでは、このボックスにコンテンツを追加しています.Javascriptを使用してコンテンツを追加するだけです。ボックスに入力するだけで、コピー/貼り付けを行うと同じことが実行されます。あなたは、彼らがどのように機能するかについての詳細を学ぶことができるので、ここで

はWYSIWIGエディターへのリンクです:

http://ckeditor.com/
https://www.tinymce.com/
https://www.froala.com/wysiwyg-editor

楽しいファクト:あなたがスタック上であなたの質問を入力するときに使用するエディタオーバーフローは、これらのいずれかを使用します。 https://meta.stackexchange.com/questions/121981/stackoverflow-official-wmd-editor

+0

ファンタスティックメイト。私は同じテキストをMS Wordにコピーして、そこから再びコピーすることがあります。私は今、 "span lang"タグを取得していません。なぜそれが起こっているのですか?私はあなたが言っていることを理解していますが、ソースにも関連していなければなりません。ソースからのコピーはsomethingsを生成し、WYSIWIG製品にタグ(langなど)を取得します。 –

+1

Wordには、自分が入力/書いたものを書式設定するための独自のメカニズムがあります。そして、通常、Wordからテキストをコピーするときは、Wordの書式設定を選択しています。これらのWYSIWIGエディタは、貼り付け時にその書式を複製しようとすることがよくあります。したがって、あるソースからコピーしてckeditorに直接貼り付けると、最初に単語に貼り付け、そこからコピーして単語の書式設定のためにckeditorに貼り付けた場合とは異なります。 CKeditor(私は思う)は、 '単語からペーストする'ボタンを持っています。 –

1

それは `sのない多くの情報が、私は推測を取るよ:ウェブサイトは、最終的に入力方式としてcontenteditable="true"属性(more info on mdn)とdiv要素を使用することができます。

<strong><em>について。太字や斜体のようなマークアップがすでにある別のアプリケーションのテキストを貼り付けると、htmlタグに変換されます。

<span lang="en-gb">は、テキストを分析して追加することで、ブラウザ、別のアプリケーションまたはウェブサイトから取得できます。

+0

これは大胆ではない文章でも同じです。返信いただきありがとうございます! –

関連する問題