vue整合lodop列印遇到的問題

阿新 • • 發佈：2018-12-24

1 分頁

要求 word文件檔案只有一頁要分為兩頁列印

lodop提供了分頁

Lodop強制分頁LODOP.NewPage()和LODOP.NewPageA()

但並不符合我的要求

結果：在要分頁的html 標籤設定

style="page-break-after:always;

lodop就會自動識別進行分頁列印

2 要求第一頁正常列印，第二頁橫向列印

lodop提供了頁面翻轉功能，但是隻能是純文字格式，我的頁面含有表格不符合

 LODOP.SET_PRINT_STYLEA(2,"AngleOfPageInside",-90);

結果：採用div將第二頁html內容包起來設定

style="writing-mode:tb-rl" 實現頁面橫向列印

最終：分頁能夠完美實現，但是第二頁橫向列印，由於列印頁面設定定寬，使得第二頁橫向列印部分缺失，如果設定定高，由第一頁過寬，使得第一頁內容部分缺失，如果設定定頁面，第一頁，第二頁會不同比例縮小，顯得非常小，總之一頁word列印成兩頁還要不同的列印效果，真是為難我胖虎了

vue整合lodop列印遇到的問題

1 分頁要求 word文件檔案只有一頁要分為兩頁列印 lodop提供了分頁 Lodop強制分頁LODOP.NewPage()和LODOP.NewPageA() 但並不符合我的要求結果：在要分頁的html 標籤設定 sty

如何在vue專案中使用lodop列印外掛

https://www.jianshu.com/p/d288963c1a80 先寫了個webdemo <%-- Created by IntelliJ IDEA. User: Administrator Date: 2018/12/17 T

spring整合mybatis 列印sql語句

方法一：在mybatis.xml中配置加一個setting <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0/

Lodop列印設計裡的列印項對齊

列印設計介面裡，有四個對齊的圖示：（1）第一個圖示是左右對齊方式，該圖示下有四種左右對齊方式。（2）第二個圖示是上下對齊方式，該圖示下有四種上下對齊方式。（3）第三個圖示是等寬對齊，該圖示下有三種等寬對齊方式。（4）第四個圖示是等高對齊，該圖示下有三種等高對齊方式。如下圖，5個對齊截圖。第一個是左右對齊的一種

Lodop列印設計（PRINT_DESIGN）介紹

列印設計（PRINT_DESIGN）介面上方有兩欄選單欄，舉例說明（文字框，條碼，圖形等）。（1）第一排最左側第一個功能，位置移動：控制裡面元素微上下左右移動，每次移動一個px。（用於微調，普通調整可拖動調整元素位置，移動選中的單個或多個列印項）（2）第一排第二個功能，設定顏色。點選顏色方格的圖示，可選預設的

vue整合px2rem

一、安裝px2rem-loader npm install px2rem-loader 二、配置 build資料夾下utils.js，找到generateLoaders 修改如下配置 const px2remLoader = { loader: 'px2r

vue整合百度UEditor富文字編輯器使用教程

在前端開發的專案中，難免會遇到需要在頁面上整合一個富文字編輯器。那麼，如果你有這個需求，希望可以幫助到你。 vue是前端開發者所追捧的框架，簡單易上手，但是基於vue的富文字編輯器大多數太過於精簡。於是我將百度富文字編輯器放到vue專案中使用。效果圖如下前端精品教程：百度網盤下載廢話不多說。

Lodop列印語句最基本結構介紹（什麼是一個任務）

Lodop中最基本的列印過程至少有初始化語句、添內容語句和列印語句三部分組成，例如： LODOP.PRINT_INIT("列印任務名"); //首先一個初始化語句 LODOP.ADD_PRINT_TEXT(0,0,100,20,"文字內容一");//然後多個ADD語句及SET語句 LODOP.PRIN

vue整合的axios(Bug)

vue整合axios(Bug) 在專案中需要用到後臺的資料對前端渲染，使用到了vue整合的axios，使用vue中的鉤子函式在頁面元件掛載完成之後向後臺傳送一個get請求然後將返回後的資料賦值data（）中定義的屬性：執行後頁面報錯：原因分析：在請求執行成功

electron + vue專案實現列印小票功能

前言：該文章需要一定的electron基礎同學。如需瞭解更多相關資訊，請移步electron官方文件。一、需求：公司專案需要通過electron呼叫系統印表機，實現列印小票的功能。複製程式碼二、分析： electron列印大概有兩種：第一種：通過window的webcontent物件，使用

Vue整合Ueditor的前後端實現

對比其他的富文字編輯器，Ueditor的功能相對來說是最強的，對於在Vue中整合Ueditor想必還是有這個需求的。下面具體說下如何在Vue中整合Ueditor以及在後端如何進行配置提供上傳功能。我對比了多個在網上找到的方法，也分別做了實驗，其中感覺最簡便的是Github上網

JsBarcode+Lodop列印單+條碼

準備工作： 1.引入LodopFuncs.js（上上篇文章有） 2.引入JsBarcode.all.min.js 連結：https://pan.baidu.com/s/18ZSqE6q34IwgFuaiKSEC7Q 提取碼：ebw6 <script type="text/javas

Lodop列印條碼

Lodop安裝軟體及LodopFuncs.js檔案下載地址：百度雲連結: https://pan.baidu.com/s/1YsUl7r4jlhxfEWV4utCqzw 提取碼: wyzc 列印條碼步驟： 1.首先把百度網盤下的檔案放在相應位置如圖： 2.jsp頁面 <head

Lodop列印設計矩形重合預覽線條變粗

LODOP中的列印設計是輔助進行開發的，實際列印效果應以預覽為準，很多效果都是在設計介面顯示不出來，或設計和預覽介面有差異。例如add_print_text文字的字間距、行間距，旋轉，還有允許標點溢位和英文拆分樣式：Lodop純文字英文-等符號自動換行問題還有一些超文字樣式可能也會出現列印設計

vue 整合ueditor（百度富文字編輯器）以及使用後端Java上傳圖片到伺服器，特別注意的大坑

1.import 引入ueditor時，在封裝元件中引入，不要在mian.js內引入，在main.js內引入會造成 1.Uncaught SyntaxError: Unexpected token : 這種錯誤，屬於是跨域問題，目前不清楚是什麼原因和原理，

SSM整合Activiti 之遇坑填坑（一）

vue整合百度UEditor富文字編輯器

在前端開發的專案中。難免會遇到需要在頁面上整合一個富文字編輯器。那麼。如果你有這個需求。希望可以幫助到你 vue是前端開發者所追捧的框架，簡單易上手，但是基於vue的富文字編輯器大多數太過於精簡。於是我將百度富文字編輯器放到vue專案中使用。效果圖如下廢話

Lodop列印相關

本文只對遇到的一些特殊問題進行了總結，關於lodop的屬性和方法詳解可檢視求知路漫漫的部落格或者Lodop、C-Lodop使用說明及樣例圖片畫素尺寸轉換 1.打印表格的方式有兩種，函式如下： ADD_PRINT_TABLE(intTop,intLeft,intWidth,intheig

LODOP列印控制每頁列印一定行數

function doPrint(){ intype=combo_intype.getActualValue(); dept=combo_dept.getActualValue(); checkdate=$("#checkdate").val(); checkdat

lodop列印控制元件的使用

列印功能的實現，需求千變萬化，實現思路有很多， 1）ie自帶簡單列印方法，javascript直接呼叫，但是各大主流瀏覽器對列印的功能支援各不相同。 2）js呼叫Excel表格word文件列印，對報表系統有很強的支援，但是有office限制，wps不一定好用。 3）根據需求

vue整合lodop列印遇到的問題

相關推薦