I need a javascript doc viewing engine with some text highlighting API.
Can you advise anything?
give try to WebODF it is a JavaScript library that add Open Edit Document Format (ODF) support to your website and to your mobile or desktop application. It uses HTML and CSS to display ODF documents.
and opensource also :)
http://webodf.org/
Related
Is there any possibility to provide a file chooser integrated by the website instead showing them in a new window dialog?
in the browser? No you can't for security reasons but if you are making a HTML-JS-CSS application alike then you can use cordova or phonegap plugins to make a customizable file chooser
What do you think about a drag & drop?
Maybe this will help
https://www.filestack.com/
I have a WordPress installation and I share some links like the following to students watching courses - presentations online.
https://emgncv.net/wp-content/uploads/2020/10/108_I_Interpretation_Case_Study.mp4
The big issue that I am facing here is that I want to find a piece of code (probably Javascript or Jquery) to add "On document ready" so when students load the presentations on their browsers not being able to download the video from the 3-dots menu on the right bottom corner of the media player. Please, view the screenshot attached.
For the records, I have noticed this only on Google Chrome and Microsoft Edge. Mozilla does not offer such a download option.
What I have already tried is the following:
$('video').attr('controlsList', 'nodownload');
FYI, I have placed this code in a section where my WordPress theme provider lets me add some custom JS code. The section works pretty fine. I have already implemented others functions and everything works properly.
Do you have any ideas on what I will need to look at to achieve the following by default when my students load their courses on browsers?
Thank you so much in advance,
George.
I am looking for a widget I can embed in an html page to design Android layouts by dragging and clicking in the browser (much like I would do in Eclipse or Android Studio) rather than editing the XML file manually. So far I can't find anything like that. Does anyone know of a good solution?
I have been surfing the net for hours now, there are many jquery flip book plugins that works using content in HTML or with images. But I need a plugin that can use PDF to load pages in the flip book & it has to work on IE 8 as well so no HTML5.
If anyone know such a plugin please let me know, I don't want to use flash as it isn't flexible enough for my work.
Take a look here, pdfjs + turnjs:
http://www.maxims6n.bget.ru/pdf_books/demo_21.html
You can use this library to convert PDF to flipbook with jquery. You just need to include the library and call the plugin like this:
<a title="Demo" subtitle="Test" showdownload href="https://heyzine.com/files/uploaded/bf8cb8abcd9f0c6da8680e6bdf1b7bf0cfb7ca51.pdf">example</a>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://heyzine.com/release/jquery.pdfflipbook.1.js"></script>
<script type="text/javascript">
$('a').pdfFlipbook();</script>
</script>
You can also check the demo here: https://heyzine.com/site/demo
There are some PDF to flipbook converters/software available which offers Flash and HTML5 both. If anyone tries to access the digital edition on a cell phone or any other platform which do not support flash, then the digital edition automatically serves HTML5 for the best flipping effect.
Not sure if you have tried some of the followings.
http://smashfreakz.com/2012/09/jquery-page-flip-book-plugins/
http://www.enough.pro/best-5-jquery-flipbook-plugins/
I hope you can customize the code if need additional functionality.
You could do that with DFlip jQuery Plugin which supports PDF, even in as low as IE8.
It can used very easily with just HTML
<div class="_df_book" source="books/dflip manual.pdf" id="df_test_book"></div>
Or if needed, it can be further customized with JavaScript options.
A project called "PDF Flipbook" on GitHub uses jQuery with the turnjs and pdfjs libraries to display PDF files in a flipbook style. https://github.com/erayakartuna/pdf-flipbook
The FlexPaper Zine viewer does precisely what you're after. It also degrades gracefully when it is not able to use HTML5 so that older browsers also have a chance of viewing your publication
You can have a look at it here:
http://devaldi.com/zine/NZ_Tourism_2007.php?ro=html5,flash
Here's more info on licensing etc:
http://flexpaper.devaldi.com/flexpaper_flip_zine.jsp
Is there some way to preview documents in browser? Specifically in say an iframe within a page, as opposed to opening the doc in a new tab? I have a list of files of any type and when a user clicks on one, want to open it in a readonly format. If that file is a video or audio file, that's easy enough, but I'd like to be able to also do pdfs, word docs, maybe excel. Preferably it would be in a cross browser friendly way but if I need to do detection for a plugin (I've seen Google Docs Viewer for FF) I can live with that.
UPDATE:
ShaneC's answer is great and will work well in general. The one hitch I see is that for html5 devices (think ipad), I need to convert the document into a series of images. Is there any way for me to do this in an automated fashion? I need to be able to do this automatically when a new document is uploaded.
You'll want to integrate a cross-browser cross-type document viewer. Google will give you some good sites, personally I've had good experiences with Flex Paper.
For demos, see here: http://flexpaper.devaldi.com/demo/
There is another approach that can be used to view images/pdf/xlsx/docx etc.
You can use iframe and google's gview in the following way:
const YOUR_URL = https://calibre-ebook.com/downloads/demos/demo.docx;
<iframe
className="doc"
src={`https://docs.google.com/gview?url=${YOUR_URL}&embedded=true`}
/>
There is the Javascript ViewerJs. An open source tool which allows a website to display PDF and open standard for office documents. It will display the documents inline and without browser plugins.