lichen-annotate-pdf
v2.0.35
Published
Annotation layer for pdf.js in vue fork of Aaron Leong pdf-annotate-vue
Downloads
1,250
Readme
lichen-annotate-pdf
Annotation layer for pdf.js in vue, based on the 'pdf-annotate-vue' package
Make sure you are on the deploy
branch to see the last version.
Install
npm install lichen-annotate-pdf@latest
Local development
# 1 - In lichen-annotate-pdf folder
npm install
npm link
# 2 - In another vue project
npm uninstall lichen-annotate-pdf # Remove official release
npm link lichen-annotate-pdf # Add local package
# 3 - Once you are satisfied, in the lichen-annotate-pdf folder
npm unlink
npm publish
# 4 - Then, in the vue project
npm unlink lichen-annotate-pdf
npm install lichen-annotate-pdf@latest
Publish
Update the app version in the package.json
file. Then run the following command :
npm install
npm publish
Props
See all the propos and local data in the pdfAnnotate component.
Quick Example fron pdf-annotate-pdf
<template>
<div id="app">
pdf path: {{pdf}}
<pdfAnnotate :src="pdf" :toolbar="toolbar" commentWrapper="commentWrapper"></pdfAnnotate>
</div>
</template>
<script>
import pdfAnnotate from 'pdf-annotate-vue'
import "pdf-annotate-vue/src/css/toolbar.css";
import "pdf-annotate-vue/src/css/pdf_viewer.css";
export default {
name: 'home',
components: {
pdfAnnotate
},
data(){
return {
pdf: './static/output.pdf',
toolbar: true,
commentWrapper: true,
}
}
}
</script>