精华内容
下载资源
问答
  • js导出table 可自定义导出文件名,可导出css样式,也是我在项目中用到的,希望可以帮助到大家,里面有注释讲解
  • CSS3 forPs CS5-CS6.zip,photoshop CS5-CS6 图层样式直接导出CSS3,支持html5
  • 一个Tailwind CSS插件,可将主题颜色导出CSS自定义属性。 正在安装 npm install tailwindcss-css-properties 或者 yarn add tailwindcss-css-properties 在您的Tailwind配置中要求: module . exports = { /...
  • 我已经使用JasperReports 6.4.3创建了一个报告,该报告通常导出为PDF。现在,我也试图将此报告导出为HTML。我不想通过JasperExportManager创建HTML文件,因此我使用JasperReport的HtmlExporter将报告直接写入输出流...

    我已经使用JasperReports 6.4.3创建了一个报告,该报告通常导出为PDF。现在,我也试图将此报告导出为HTML。

    我不想通过JasperExportManager创建HTML文件,因此我使用JasperReport的HtmlExporter将报告直接写入输出流。

    她是我的代码:

    public void exportToHtml(OutputStream outputStream, JRDataSource jrDataSource, Map parameter, File reportFile)

    throws IOException {

    try {

    JasperPrint jasperprint = JasperFillManager.fillReport(reportFile.getAbsolutePath(), parameter, jrDataSource);

    HtmlExporter exporter = new HtmlExporter();

    SimpleHtmlExporterOutput exporterOutput = new SimpleHtmlExporterOutput(outputStream);

    Map images = Maps.newHashMap();

    exporterOutput.setImageHandler(new HtmlResourceHandler() {

    @Override

    public void handleResource(String id, byte[] data) {

    System.err.println("id" + id);

    images.put(id, "data:image/jpg;base64," + Base64.encodeBytes(data));

    }

    @Override

    public String getResourcePath(String id) {

    return images.get(id);

    }

    });

    exporter.setExporterOutput(exporterOutput);

    exporter.setExporterInput(new SimpleExporterInput(jasperprint));

    SimpleHtmlExporterConfiguration exporterConfiguration = new SimpleHtmlExporterConfiguration();

    exporterConfiguration.setBetweenPagesHtml("

    exporter.setConfiguration(exporterConfiguration);

    exporter.exportReport();

    } catch (JRException jrException) {

    throw new IOException(jrException);

    }

    }

    输出看起来不错,但我需要在HTML输出中添加一些样式。所以我想知道是否可以将css文件的引用添加到导出的html报告中。

    展开全文
  • sourcemod-npc-in-css:自动从code.google.compsourcemod-npc-in-css导出
  • Export AE animations to CSS
  • 将保存在字符样式面板中的 Illustrator CS6 字符样式导出到桌面上的基本 css 文件。
  • 在公司项目中发现有下载pdf文件的功能,但是不能识别CSS样式,导致下载的pdf文件格式显得很别扭,虽然能看但是难看。然后就是百度啊,google啊,最后找到一款能够识别CSS样式的软件—wkhtmltopdf。wkhtmltopdf可以...

    在公司项目中发现有下载pdf文件的功能,但是不能识别CSS样式,导致下载的pdf文件格式显得很别扭,虽然能看但是难看。然后就是百度啊,google啊,最后找到一款能够识别CSS样式的软件—wkhtmltopdf。wkhtmltopdf可以直接把任何一个可以在浏览器中浏览的网页直接转换成一个pdf,首先说明一下它不是一个php 类,而是一个把html页面转换成pdf的一个软件(需要安装在服务器上),但是它并不是一个简单的桌面软件,而且它直接cmd批处理的,使用php中的 shell_exec()函数就可以调用它。

    一,下载并安装wkhtmltopdf

    1、下载地址:http://wkhtmltopdf.org/downloads.html 如图:
    这里写图片描述

    2、上面有各种平台下安装的安装包,英文不好的直接谷歌翻译一下。下面以 windows7平台上使用举例,我的下载的是stable(稳定版)的wkhtmltox-0.12.4_msvc2015-win64.exe这个版本。系统时几位就下载几位的安装包。下载好以后直接安装就可以了,注意安装路径要知道路径中不能含有中文和空格,所以不要安装在Program Files目录下,安装路径在下面会用到的。
    这里写图片描述

    3、安装好以后需要在系统环境变量变量名为”Path”的后添加:;D:\wkhtmltopdf\bin 也就是你安装的目录。安装好以后重启电脑。 这样就可以直接不带安装路径使用了。
    这里写图片描述

    二、PHP中测试使用效果

    php里调用是很简单的,用shell_exec这个函数就可以了,如果shell_exec函数不能用看看php.ini里是否补禁用了(找到php.ini中的shell_exec函数,取消注释就可以了,一般都是可以直接用的)。简单举例:

    <?php shell_exec("wkhtmltopdf http://www.baidu.com/ 1.pdf") ?>

    你会发现在你php文件的同级目录中会生成一个1.pdf的文件
    下面代码举例介绍如何在网站开发中使用它:主要功能是截取网页的部分传递到php中处理成pdf文档
    html页面代码:

    <!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>
      <script src="js/jquery-2.1.4.js"></script>
      <link rel="stylesheet" href="css/common.css" rel="external nofollow" rel="external nofollow" >
      <link rel="stylesheet" href="css/myCenter.css" rel="external nofollow" rel="external nofollow" >
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>PHP编程</title>
    </head>
    <body>
    <!--startprint-->
    <div class="right5" style="margin: 0px 200px;"> 
        <div class="right_top" style="background-image:url(images/right-di.png);">
          <h2 style="text-align:center">PHP编程</h2>
        </div>
        <div class="print">
          <input type="button" value="下载" id="down" align="right" style="background-color:orange;color:white;text-align:right">
        </div> 
        <div class="Hollander">
            <div style="font-size:20px;">PHP(PHP: Hypertext Preprocessor的缩写,中文名:“超文本预处理器”)</div>
            <div id="chart"></div>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PHP(PHP: Hypertext Preprocessor的缩写,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,入门门槛较低,易于学习,使用广泛,主要适用于Web开发领域。PHP的文件后缀名为php。</p>
        </div>  
        <table class="tbl1" style="border:2px solid black;">
          <tr node-type="toolBar">
            <td class="tbl11" style="border:2px solid blue;">php基础:</td>
            <td class="tbl12" style="border:2px solid green;">
              <p>①PHP语言简介 ②PHP程序安装 ③PHP语法了解 ④PHP变量使用 ⑤PHP数据类型分析 ⑥PHP常量使用 ⑦PHP字符串使用 ⑧PHP运算符使用 ⑨PHP数组使用 ⑩PHP数组排序 </p>
            </td>
           </td>
          </tr>
          <tr node-type="toolBar">
            <td class="tbl11" style="border:2px solid blue;">php进阶:</td>
            <td class="tbl12" style="border:2px solid green;">
              <p>①PHP语言简介 ②PHP程序安装 ③PHP语法了解 ④PHP变量使用 ⑤PHP数据类型分析 ⑥PHP常量使用 ⑦PHP字符串使用 ⑧PHP运算符使用 ⑨PHP数组使用 ⑩PHP数组排序 </p>
            </td>
           </td>
          </tr>
          <tr node-type="toolBar">
            <td class="tbl11" style="border:2px solid blue;">php源码:</td>
            <td class="tbl12" style="border:2px solid green;">
              <p>①PHP语言简介 ②PHP程序安装 ③PHP语法了解 ④PHP变量使用 ⑤PHP数据类型分析 ⑥PHP常量使用 ⑦PHP字符串使用 ⑧PHP运算符使用 ⑨PHP数组使用 ⑩PHP数组排序 </p>
            </td>
           </td>
          </tr>
          <tr node-type="toolBar">
            <td class="tbl11" style="border:2px solid blue;">php插件:</td>
            <td class="tbl12" style="border:2px solid green;">
              <p>①PHP语言简介 ②PHP程序安装 ③PHP语法了解 ④PHP变量使用 ⑤PHP数据类型分析 ⑥PHP常量使用 ⑦PHP字符串使用 ⑧PHP运算符使用 ⑨PHP数组使用 ⑩PHP数组排序 </p>
            </td>
           </td>
          </tr>
          <tr node-type="toolBar">
            <td class="tbl11" style="border:2px solid blue;">选择php项:</td>
            <td class="tbl12" style="color:red;border:2px solid green;">
              <a><span>项目介绍>></span></a>
            </td>
           </td>
         </tr>
       </table>  
    </div>
    <!--endprint-->
      <form action="pdf.php" method="post" name="hld_res" id="hideform">
       <input type="hidden" id="hide_content" name="html"/>
      </form> 
    </body>
    <script>
      $(function () {
        //获取需要传递的Html代码 通过<!--startprint--><!--endprint-->截取
        bdhtml=window.document.body.innerHTML; 
        sprnstr="<!--startprint-->"; 
        eprnstr="<!--endprint-->"; 
        prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); 
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); 
        //将获取的html代码添加到隐藏域中传给php文件处理
        $("#hide_content").val(""+prnhtml+"");
      });  
    
      $("#down").click(function(){
        // alert('12345');
        $("#hideform").submit();
      }); 
    
    </script>
    </html>

    php脚本代码:

    <?php
        // header("content-type:text/html;charset=utf-8");
        //转成pdf
        $html=$_POST['html'];
        //Turn on output buffering
        // var_dump($html);die;
        ob_start();
        /*这儿引入生成的Html的样式表 
         *路径可以是绝对路径也可以是相对路径.
         *也可以把样式表文件复制到临时html文件的目录下,即这儿的demo文件目录下(默认).
         *也可以直接把样式写在html页面中直接传递过来这儿可以引入生成的Html的样式表.
        */
        // $html='
        // <link rel="stylesheet" href="css/common.css" rel="external nofollow">
        // <link rel="stylesheet" href="css/myCenter.css" rel="external nofollow">
        // <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />'.$html;
        $html='<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />'.$html;
        //这儿引入生成的Html的样式表 
    
        //$html = ob_get_contents();
        $filename = "down_report";
    
        //save the html page in tmp folder 保存的html临时文件位置 可以是相对路径也是可以是绝对路径 下面用相对路径
        file_put_contents("{$filename}.html", $html);
    
        //Clean the output buffer and turn off output buffering
        ob_end_clean();
    
        //convert HTML to PDF
        $suc = shell_exec("wkhtmltopdf {$filename}.html {$filename}.pdf");
        // $suc = shell_exec("wkhtmltopdf https://www.baidu.com/ 1.pdf");
        if(file_exists("{$filename}.pdf")){
          header("Content-type:application/pdf");
          header("Content-Disposition:attachment;filename={$filename}.pdf");
          echo file_get_contents("{$filename}.pdf");
          echo "{$filename}.pdf";
        }else{
            echo 'false';
            exit;
        }
    ?>

    点击页面中的下载按钮,即可完成下载:
    这里写图片描述

    下载下来的文件如下:
    这里写图片描述

    打开查看效果:
    这里写图片描述

    部分内容参考与《 最好用Html转pdf的工具——wkhtmltopdf》,具体情况可以看看这篇博文。这里我就自己做一下记录。

    展开全文
  • 导出Excel丢失css文件!

    千次阅读 2011-11-11 10:33:54
    导出excel文件,如果页面使用了css文件,或者链接了css文件,在打开excel后,数据显示之前,提示丢失。。文件。 解决方法:  因为你的链接文件是本地的即相对路径,改成绝对路径就可以了。  如果是css,把你css...
     
    

    导出excel文件,如果页面使用了css文件,或者链接了css文件,在打开excel后,数据显示之前,提示丢失。。文件。

    解决方法:

        因为你的链接文件是本地的即相对路径,改成绝对路径就可以了。

        如果是css,把你css内容保存到style.jsp,页面用绝对路径引用就行了

        例如:

            String url = request.getProtocol().substring(0, 4).toLowerCase() + "://" + request.getServerName() + ":" + request.getLocalPort() + request.getContextPath();

            <link href="<%=url%>/css/txt.jsp" rel="stylesheet" type="text/css"> 

    展开全文
  • 使用HTML,CSS快速导出数据到Excel
  • 将文本样式导出CSS,SASS mixins,JSON,HTML等 高度可配置(包括rem,em单位等) ... 现在,您不仅可以为您的文本样式提供简单的,易于复制CSS片段,还可以实际配置如何将其导出CSS,SASS mixins和JSON。
  • 这是有关如何使用表格CSS将HTML表格导出到Excel的快速代码。
  • 对于任何一个在线富文本写作产品,导出功能是必不可少的,其中导出word是其中最常见的选项,但是很多产品导出的word,比如说Jira,格式就有不同程度的失真.仔细分析下来,解决这个思路的主要有两种:硬转:使用...

    转个word很难吗?

    对于任何一个在线富文本写作产品,导出功能是必不可少的,其中导出word是其中最常见的选项,但是很多产品导出的word,比如说Jira,格式就有不同程度的失真.

    仔细分析下来,解决这个思路的主要有两种:

    硬转:使用OpenXml的SDK,逐一匹配html标签和样式css,相当于用OpenXml实现了一个html+css的渲染层。

    偷懒:想办法把html+css的内容当成word的一部分,相当于用web视图打开。

    当时,我花了一定的时间,在两个方向上分别做了调研。

    硬转的思路,直觉上工作量就极大,而且很容易出Bug,毕竟那么多组合情况需要考虑。值得参考的项目是html2openxml,1W多行只能实现html的转换,还不包括css。

    不是没想过,限制输出html的排版,比如用固定的id代表固定的部分,css样式也只支持特定的几种,但后来讨论下来,觉得这种方法,需要前后端确定好规则,而在当时快速迭代的时期,这无疑会增加开发成本。

    而偷懒这条路,能够搜索到项目,都是借用了word中altchunks的特性,比如:html-docx-js、html2docx。

    问题也很明显,

    不支持float之类的样式,对图片的支持也需要自己写代码转base64,然后嵌进标签里。这些虽然麻烦些,但是还是可以tweak。

    最麻烦的是,这种格式的word,兼容性很差,在微信中、mac上打不开。

    于是,我一度卡在这里很久,直到我发现……

    原来,word才是转word的最佳工具

    转机来的也很突然,就是我发现用word打开一个带html+css的文件后,再另存成word,不仅格式得到了保留,图片也在,而且兼容性也还不错!真是

    踏破铁鞋无觅处,得来全不费工夫。

    问题来了,怎么把这一步程序化呢?

    这下终于可以用上过去.net的开发经验了,C#是可以通过com组件的方式操作word,但前提是运行程序的机器上必须装word才行。

    核心代码,也是非常的简单:

    首先引用Microsoft.Office.Interop.Word,调用的代码如下:

    var word = new Application {Visible = false};

    var doc = word.Documents.Open(htmlFilePath, Format: WdOpenFormat.wdOpenFormatWebPages,

    ReadOnly: false);

    doc.SaveAs2000(wordFilePath, WdSaveFormat.wdFormatDocumentDefault,

    ReadOnlyRecommended: false);

    doc.Close();

    word.quit()

    是不是很简单呢?

    而这里唯一还需要处理的就是图片,如果不做处理,图片还是以链接的方式存储的。

    一方面,每次打开的时候需要重复下载,好处是word文件比较小,但缺点是受限于网速,可能会出现图片加载不出来的情况;

    另一方面时,如果图片没有指定宽度和高度,当图片的尺寸大于文档的尺寸时,显示的效果就很差。

    估化的思路很简单,即强行把图片的尺寸拉伸到一页可以显示下,同时将图片链接转成内嵌的图片。

    foreach (InlineShape s in doc.InlineShapes)

    {

    var inlineShape = s;

    if (inlineShape.Type != WdInlineShapeType.wdInlineShapePicture &&

    inlineShape.Type != WdInlineShapeType.wdInlineShapeLinkedPicture)

    {

    continue;

    }

    if (inlineShape.Type == WdInlineShapeType.wdInlineShapeLinkedPicture)

    {

    inlineShape.LinkFormat.SavePictureWithDocument = true;

    inlineShape.LinkFormat.BreakLink();

    }

    if (inlineShape.Width > this._documentWidth)

    {

    inlineShape.LockAspectRatio = MsoTriState.msoTrue;

    inlineShape.Width = this._documentWidth;

    }

    if (inlineShape.Height > this._documentHeight)

    {

    inlineShape.LockAspectRatio = MsoTriState.msoTrue;

    inlineShape.Height = this._documentHeight;

    }

    }

    到此,核心的转换代码就已经完成。(需要提醒各位看官的是,这种方法是不支持float和flex的css样式的。)

    剩下的工作

    请注意:上述代码是基于.net framework写的,运行的机器上还必须有word。

    如果要对外提供服务的话,考虑到跨语言跨平台,最好的方式即提供http接口。

    而这对一个不熟悉.net的人,那要学习的东西还是不少的。

    楼主我就好人做到底,在上述的核心代码上用WCF的webHttpBinding实现了一个的http服务,同时使用log4net实现了日志功能。

    最终的程序的workflow是

    用户发送html+css内容到http服务

    先把html+css存成文件

    读取html文件,然后另存为word文件

    返回下载链接

    使用nginx映射目录中的文件,实现下载功能

    所有代码开源在HtmlToWord,如果它对你有用,欢迎点个star.

    本作品采用《CC 协议》,转载必须注明作者和本文链接

    展开全文
  • org-notes-style:用于组织模式HTML导出的轻型CSS主题
  • illustrator 导出svg,用的是同一字体 ,导出到网页,不一样。 原来是原本css文件中中加了serif;line-height: 1.8;等。加上就可以了
  • 生成具有CSS框阴影属性的像素图,该属性基于由导出的SVG图像 • :fire: 总览 CSS很棒! 点! :rocket: 用法 1.导出Aseprite SVG图像 在aseprite中另存为“ SVG”图像文件。 2.全局安装aseprite-css npm install ...
  • postcss-icss-composes, 一个CSS模块转换从本地范围类提取导出语句 postcss-icss-composes css模块的PostCSS插件,用于编写局部范围类用法postcss([require('postcss-icss-composes')])有关环境的示例,请参阅 PostC
  • link rel="stylesheet" type="text/css" href="https://gongzhitaao.org/orgcss/org.css"/> 注意事项 由于经常更新,因此导出的源代码的结构发生了巨大变化。 结果,我添加了标签(从Orgmode v9.1.4开始)以指示...
  • Sketch-HTML-Export, 将artboards导出到 HTML & CSS的草图插件 Sketch-HTML-Export将artboards导出到 HTML & CSS的草图插件下载&安装下载插件插件。Upzip下载文件并双击"html 。sketchplugin"。 它会自动安装。使用...
  • 前端开源库-export-css-loader导出CSS加载器,导出Web包的CSS加载器模块
  • psd切片切好后,导出 web格式,存储时选择html.所有切片,然后,选择其他,选择自定,选择切片,选择生成css css命名有2种方式,根据ID和根据类,一般选择根据类(ID尽量少有,防止js要用到) ...
  • PS切片导出为DIV+CSS布局

    千次阅读 2011-12-29 09:01:49
    ③如果我们需要输出“div+css的网页”我们还可以这么做: 在“设置”处的下拉列框,选择“其他”   就会弹出一个“输出设置”的窗口 在第2个下拉列框处选择“切片”,选择“生成CSS”, 单击“好”...
  • 最近在工作中涉及到Axure8设计原型,但是因为要导入其他页面的公共样式,所以要导出html格式并进行css样式的整合。 1)导出html文件的方法做好页面后点击左上角“发布”按钮,选择“生成html文件”选择路径后即可在...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 52,973
精华内容 21,189
关键字:

导出css