8

Webサイトからhtmlをコピーして貼り付け、mysqlデータベースに保存したいと思います。これを行うために、私はCKEditorをチェックアウトしました。これにより、HTML、さらには単語文書を貼り付けることができ、HTMLコードが生成されます。貼り付けたデータをhtmlとして「生成」するだけなので、CKEditorのような完全なwysiwygエディターを使用する代わりに、貼り付けたデータをhtmlタグとフォーマットに変換するコード（おそらくjqueryを使用）を記述します。

この機能を実現するために、これらのオンラインエディターは何をしますか？クリップボードのデータをHTMLコードに変換するにはどうすればよいですか？ここのこのテキストエリアにhtml形式のテキストまたはdivまたはボタンを貼り付け、wysiwygエディターで画像と適切なサイズのdivを貼り付けると、テキストのみが表示されるのはなぜですか？

編集者はクリップボードのデータにアクセスして操作しますか？クリップボードはフォーマットデータを整理された方法で保存し、「CKEditor」または他の人がそれを操作できるようにしますか？

これはjQueryで実行できますか？または、サーバー側のコードも必要ですか？

このテーマに光を当てることができれば幸いです。適切なコードを記述できるように、メソッドを知りたいだけです。

参考：http ：//ckeditor.com/demo

4

1 に答える 1

6

Chrome、IE9、Safariで動作する大まかなデモは次のとおりです。http：//jsfiddle.net/SN6PQ/2/

<div contenteditable="true" id="paste-target">Paste Here</div>​

$(function(){
    $("#paste-target").on("paste", function(){
        // delay, or else innerHTML won't be updated
        setTimeout(function(){

            // option 1 - for pasting text that looks like HTML (e.g. a code snippet)
            alert($("#paste-target").text());

            // option 2 - for pasting actual HTML (e.g. select a webpage and paste it)
            alert($("#paste-target").html());
        },100);
    });        
});​

これがあなたが求めているものであるかどうかはわかりませんが、貼り付け時にHTMLに警告します。コンテンツの編集可能な要素は、貼り付けのマークアップを変更する可能性があることに注意してください。

于 2012-11-29T02:05:22.950 に答える