html - 粘贴剪贴板 HTML 数据并保留 CSS 和图像

Question

我复制了一篇由图像和文本组成的维基百科文章。我将它粘贴到设置为 contenteditable="true"的 div 中。我可以像在维基百科上看到的那样看到粘贴的 Material 。

现在我只能保存文本，如何保存该 div 的内容并包括样式和图像？保存它，例如作为可以发送到服务的对象。

js fiddle

html

<div class="inputdiv"contenteditable="true"> paste here </div>

Answer 1

您可以使用 jQuery 检索 div 的内容，并通过 ajax 请求将其发布到服务。例如:

(function($){
    $(function(){
      var html = $(".inputdiv").html();

        var jqxhr = $.post( "http://www.url-of-service.com", {input: html})
        .done(function() {
          alert( "success" );
        })
        .fail(function(jqXHR, errorMsg) {
            alert( "error: " + errorMsg);
        });
    });
})(jQuery);

fiddle :http://jsfiddle.net/PpaS8/1/

确保输入正确的服务 url 而不是 http://www.url-of-service.com 并输入正确的 post var 键而不是 input: 。