如何实现xheditor剪切板粘贴图片要兼容所有的浏览器,在CSDN博客写文章中的xheditor可以实现多浏览器的兼容粘贴图片(例如我在word上拷贝图片,然后粘贴进去,在CSDN上写博客的地方采用的这个控件是没问题的),可是我自己下载了最新版的xheditor进行测试是不成功的,网上没找到解决方法,请求高人帮忙,万分感谢!javascriptxheditorjquery富文本浏览器

解决方案 »

  1.   

    这个功能需要借助于控件来实现。或者可能在HTML5上可以实现。
      

  2.   

    楼主试试这个控件:http://www.cnblogs.com/xproer/archive/2011/04/08/2009500.html
    1.FCKEditor2.x。从剪帖板,本地硬盘,第三方软件或Word文档中复制图片,然后点击编辑器工具栏中的”粘贴图片”按钮。图片将自动上传到Web服务器中.2.FCKEditor2.x编辑器。上传成功3.CKEditor3.x编辑器。4.CKEditor3.x-粘贴Excel5.KindEditor3.x-粘贴图片6.KindEditor4.x-粘贴Excel7.UEditor1.x编辑器
    Xproer.WordPaster整合代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>WordPaster For FCKEditor-2.x</title>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <link type="text/css" rel="Stylesheet" href="WordPaster/css/WordPaster.css"/>
    <link type="text/css" rel="stylesheet" href="WordPaster/css/ui-lightness/jquery-ui-1.8.11.custom.css" />
        <script type="text/javascript" src="WordPaster/js/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="WordPaster/js/jquery-ui-1.8.11.custom.min.js"></script>
    <script type="text/javascript" src="WordPaster/js/WordPaster.js" charset="utf-8"></script>
    <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
    </head>
    <body>
    <!—textarea控件,FCK编辑器需要借助于这个控件创建-->
    <textarea id="txtContent" name="txtContent" cols="1" rows="1"></textarea>
    <!--创建FCKEditor控件-->
    <script language="javascript" type="text/javascript">
    var pstMgr = new PasterManager();
    pstMgr.Config["PostUrl"] = "http://localhost:10727/asp.net/upload.aspx";
    pstMgr.Load();//加载控件 var fck = new FCKeditor('txtContent');
    fck.BasePath = "fckeditor/";
    //oFCKeditor.ToolbarSet = "Basic";
    fck.Height = 300;
    fck.Value = '';
    fck.ReplaceTextarea();//将上面的textarea替换成FCK编辑器,这样服务端可以通过Request.Form["txtContent"]取到数据 //初始化编辑器
    function FCKeditor_OnComplete(editorInstance)
    {
    pasterMgr.Init(editorInstance);
    }
    </script>
    </body>
    </html>IE(x86)示例下载:
    cab安装包(x86)
    cab安装包(x64)
    xpi安装包
    crx安装包
    exe安装包
    开发文档ASP.NET-FCKEditor2.x示例
    ASP.NET-CKEditor3.x示例
    ASP.NET-CKEditor4.x示例
    ASP.NET-KindEditor3.x示例
    ASP.NET-KindEditor4.x示例
    ASP.NET-UEditor1.x示例JSP-FCKEditor2.x示例
    JSP-CKEditor3.x示例
    JSP-CKEditor4.x示例
    JSP-KindEditor3.x示例
    JSP-KindEditor4.x示例
    JSP-UEditor1.x示例PHP-FCKEditor2.x示例
    PHP-CKEditor3.x示例
    PHP-CKEditor4.x示例
    PHP-KindEditor3.x示例
    PHP-KindEditor4.x示例
    PHP-UEditor1.x示例Chrome,Firefox,IE(x86),IE(x64)整合示例下载:
    ASP.NET-FCKEditor2.x示例
    ASP.NET-CKEditor3.x示例
    ASP.NET-CKEditor4.x示例
    ASP.NET-KindEditor3.x示例
    ASP.NET-KindEditor4.x示例
    ASP.NET-UEditor1.x示例JSP-FCKEditor2.x示例
    JSP-CKEditor3.x示例
    JSP-CKEditor4.x示例
    JSP-KindEditor3.x示例
    JSP-KindEditor4.x示例
    JSP-UEditor1.x示例PHP-FCKEditor2.x示例
    PHP-CKEditor3.x示例
    PHP-CKEditor4.x示例
    PHP-KindEditor3.x示例
    PHP-KindEditor4.x示例
    PHP-UEditor1.x示例
      

  3.   

    楼主试试这个控件:http://www.cnblogs.com/xproer/archive/2011/04/08/2009500.html
    1.FCKEditor2.x。从剪帖板,本地硬盘,第三方软件或Word文档中复制图片,然后点击编辑器工具栏中的”粘贴图片”按钮。图片将自动上传到Web服务器中.2.FCKEditor2.x编辑器。上传成功3.CKEditor3.x编辑器。4.CKEditor3.x-粘贴Excel5.KindEditor3.x-粘贴图片6.KindEditor4.x-粘贴Excel7.UEditor1.x编辑器
    Xproer.WordPaster整合代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>WordPaster For FCKEditor-2.x</title>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <link type="text/css" rel="Stylesheet" href="WordPaster/css/WordPaster.css"/>
    <link type="text/css" rel="stylesheet" href="WordPaster/css/ui-lightness/jquery-ui-1.8.11.custom.css" />
        <script type="text/javascript" src="WordPaster/js/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="WordPaster/js/jquery-ui-1.8.11.custom.min.js"></script>
    <script type="text/javascript" src="WordPaster/js/WordPaster.js" charset="utf-8"></script>
    <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
    </head>
    <body>
    <!—textarea控件,FCK编辑器需要借助于这个控件创建-->
    <textarea id="txtContent" name="txtContent" cols="1" rows="1"></textarea>
    <!--创建FCKEditor控件-->
    <script language="javascript" type="text/javascript">
    var pstMgr = new PasterManager();
    pstMgr.Config["PostUrl"] = "http://localhost:10727/asp.net/upload.aspx";
    pstMgr.Load();//加载控件 var fck = new FCKeditor('txtContent');
    fck.BasePath = "fckeditor/";
    //oFCKeditor.ToolbarSet = "Basic";
    fck.Height = 300;
    fck.Value = '';
    fck.ReplaceTextarea();//将上面的textarea替换成FCK编辑器,这样服务端可以通过Request.Form["txtContent"]取到数据 //初始化编辑器
    function FCKeditor_OnComplete(editorInstance)
    {
    pasterMgr.Init(editorInstance);
    }
    </script>
    </body>
    </html>IE(x86)示例下载:
    cab安装包(x86)
    cab安装包(x64)
    xpi安装包
    crx安装包
    exe安装包
    开发文档ASP.NET-FCKEditor2.x示例
    ASP.NET-CKEditor3.x示例
    ASP.NET-CKEditor4.x示例
    ASP.NET-KindEditor3.x示例
    ASP.NET-KindEditor4.x示例
    ASP.NET-UEditor1.x示例JSP-FCKEditor2.x示例
    JSP-CKEditor3.x示例
    JSP-CKEditor4.x示例
    JSP-KindEditor3.x示例
    JSP-KindEditor4.x示例
    JSP-UEditor1.x示例PHP-FCKEditor2.x示例
    PHP-CKEditor3.x示例
    PHP-CKEditor4.x示例
    PHP-KindEditor3.x示例
    PHP-KindEditor4.x示例
    PHP-UEditor1.x示例Chrome,Firefox,IE(x86),IE(x64)整合示例下载:
    ASP.NET-FCKEditor2.x示例
    ASP.NET-CKEditor3.x示例
    ASP.NET-CKEditor4.x示例
    ASP.NET-KindEditor3.x示例
    ASP.NET-KindEditor4.x示例
    ASP.NET-UEditor1.x示例JSP-FCKEditor2.x示例
    JSP-CKEditor3.x示例
    JSP-CKEditor4.x示例
    JSP-KindEditor3.x示例
    JSP-KindEditor4.x示例
    JSP-UEditor1.x示例PHP-FCKEditor2.x示例
    PHP-CKEditor3.x示例
    PHP-CKEditor4.x示例
    PHP-KindEditor3.x示例
    PHP-KindEditor4.x示例
    PHP-UEditor1.x示例
    收费的东西·····拿到这里做什么