What to download to use MDC Web offline in a PWA? - progressive-web-apps

I want to use MDC Web (https://material-components.github.io/material-components-web-catalog/#/) in a PWA offline.
What am I supposed to download? Where is the official documentation for that?

You can either follow the getting started guide to generate your own javascript and css files (So you can customise colour, shape etc) here. (This is the recommended way)
Or you can just download and copy the CDN JS & CSS files here (JS) and here (CSS)
The CDN versions only use the default colour and shape and you cant change it that much.

Related

How to serve JS/CSS/Images from CDN in Moodle

I was wondering how I can set up a CDN to serve static assets - JS/CSS/Image files of Moodle. Is there any plugin that can help? Or would I need to write it from scratch?
There are three ways to achieve it:
setup a global CDN variable and prepend it
define cdnURL variable at both the PHP level and JavaScript level
I keep all JavaScript, CSS, JQuery, images in a separate folder and use/link it inside my custom plugins or core Moodle files.

Plone: TinyMCE upload files

I'm trying to find a solution for files uploading directly with TinyMCE. Imagine creating a list of pdf files by uploading them using a custom button.
Is there something already done I can use? collective.clipboardupload seems to be a solution only for images.
collective.quickupload serves us well for such purposes and has a very good UI.
You can add that gadget as a portlet and make it only visible in edit-mode via CSS.
In our case we assigned the portlet to a certain content-type ('Gallery') instead to a location.
MoxieManager may be what you're looking for. It's a premium plugin made by the same developers as TinyMCE itself.
https://www.tinymce.com/docs/enterprise/manage-files-and-images/
Try to use reponsive file manager :
http://www.responsivefilemanager.com/

Reusing content of an external webpage in DITA-OT

I tried different method to include the content of an external webpage by url in dita files without success. Is it possible to do it? I can add references to my dita files:
<related-links>
<link href="http://example.com" format="html" scope="external"/>
</related-links>
however I am not able to ddisplay the content of the page in oXygen.
tl;dr: It depends on the external sources and on your publication targets. If you want to publish to PDF, your content needs to be available offline.
What do you exactly mean with content? You can use external sources, e.g. images, if you just publish to html5. Just use the image URL in the href. If you publish to pdf, it would not work. The DITA-OT does not download things for you. Most websites are dynamic, so content is not very static so it may not work as you might expect. Maybe the external website has an API to gather the data you need. Or maybe it would be safer to use the depend.preprocess.pre extension point to hook in an Ant Target to download the external sources via <get> or curl. Another approach would be dita-glass for on-the-fly conversion. But, it depends...

Upload images with tinyMce

I have this plugin advImage which I use in tinyMce. I want the user to be able to upload images from his own computer. However, the plugin only allows images which are on the server to be uploaded. How can I change this? If I choose an image from my desktop for uploading, the path is Content/documents/editorImages/myImage.jpg. How to change this?
This might be what you are looking for. Give it a try.
There exists a plugin named MCImageManager from the developers of tinymce, but this is not free.

Is there a way to programmatically download a web page, for offline viewing, using WebKit?

What I'd like to be able to do is download any web page, and be able to view it offline.
It seems like html WebKit views cannot be converted to PDFs (on the Mac, you could 'print' a PDF, but that isn't possible on iPhone?).
So, the only way is to save the actual resources - save the html, the step thru each image, css, js file and save it locally. Then maybe alter the urls within the code so they point to the right place...etc ...etc...
Is there a standard way to do this?
Or, is there an open source project (in any programming lang) which does this kind of thing?
There's an excellent webkit html to pdf converter appropriately called wkhtmltopdf. Given the reources available on the iphone and its toolkits, I think it'd be easy to compile a version for the i-Phone ('think' being the operative word). We've managed to use the tool in a Windows, Linux and Solaris environment with absolutely no bugs. Here's the link:
http://code.google.com/p/wkhtmltopdf/