Extension
Nom JO's >WebPreview
Joomla Extension  site-management/site-links/jo-s-favorites/
Github  JO's >WebPreview
Download  JO's >WebPreview Download

JO's Web Preview is an extension for Joomla which allows to display the beginning of a site Web  in an article

 

Main functionalities

  • Viewing a website in "Preview" mode
  • selection according to criteria (url ...)

 

Example of use in an article

Insert a "tag" of the following form

{webpreview url="https://theconversation.com/has-ai-hacked-the-operating-system-of-human-civilisation-yuval-noah-harari-sounds-a-warning-238309"
  tag="article" mode="preview"}

Result:

 

 

List of parameters for the tag webpreview

Note that we can aussu use the wikipedia tag that predefines the url at http://en.wikipedia.org/wiki  

 NameTypeUse Example 
 mode="full" mode  displays the full content of the page (possibly filtered by the tag). This mode is chosen by default   {webpreview url="http://wiki.jltryoen.fr" subject="CV" tag="div.mw-parser-output" no="0"} 
tag="xxx" tag selector only displays the relevant tag that can be filtered by its name or name+class
no="y" tag number selects the y number of the tag found in the page
url="yyy" url url of the page to be displayed

subject="xxx"

name="xxx"

page path path in the page (optional) {wikipedia name="Coronavirus" no="1" tag="p" divclass="col-md-4 well border-primary p-3" search="which make up the"}
search="sss" filter search for the tags found the chain concerned
divclass="classxxx" used in "full" mode   displays the class indicated in the selected tag for the rendering of the page
mode="preview" mode displays the page in preview mode according to the meta tags of the page {webpreview url="https://www.lebigdata.fr/ia-controle-humanité" mode="preview"}
mode="truncate" mode   displays the page once filtered by the tag by truncating the first max characters  {webpreview url="https://www.lebigdata.fr/ia-controle-humanité" mode="truncate" max="120" tag="article"} 
max="mmm"  used in "truncate" mode  maximum number of characters displayed
mode="fullreadmore" like the "full" mode with a button read more displays the full content of the page (once possibly filtered by the tag) with a read more button
more="iframe" mode displays the complete page in an iframe 

width="xxx"

height="yyy"

used in "iframe" mode adjusts the width/height of the iframe

Example of use: wikipedia

{webpreview type="wikipedia" mode="fullreadmore" subject="Signal_(application)" tag="p" search="communicating"}