• <div class="body"> <ul class="navbar"> <li><a href="http://www.jiffycms.net">Downloads</a></li> <li><a href="file:///C|/My Documents/justadocument.pdf">My document - Download#1</a></li> <li><a href="file:///C|/My Pictures/justimages.zip">My pictures - Download#2</a></li> <li><a href="file:///C|/My Games/pacman-thegame.rar">Pacman - Download#3</a></li> </ul> <!-- Main content --> <h1> My very first home page</h1> <p> Hello World!</p> <p> It lacks images, but at least it has style. And it has links, even if they don't go anywhere&hellip;</p> <p> Actually there is one img element in this document, but it's referencing an image on the local file system :| oops <img src="file:///C|/My Pictures/me.jpg" alt="This is me" /> </p> <p> There should be more here, but I don't know what yet. mm perhaps lorem Ipsum? :-)</p> <ul> <li>Aliquam sit amet erat non neque hendrerit porta.</li> <li>Pellentesque facilisis dictum urna, sed ultricies enim dignissim sit amet.</li> <li>Praesent viverra velit sit amet velit volutpat sed volutpat magna mollis.</li> <li>Aliquam ultricies augue non urna cursus id dapibus est laoreet.</li> <li>Sed luctus hendrerit ligula, a tincidunt nisl mollis id.</li> <li>Pellentesque hendrerit consequat sapien, id posuere felis sollicitudin nec.</li> <li>Fusce et elit sit amet justo pharetra molestie.</li> </ul> <dl> <dt>Definition list</dt> <dd> Etiam commodo iaculis tincidunt. Etiam dignissim quam id diam posuere mollis. Praesent vulputate tortor arcu. Cras sed leo enim, vitae venenatis felis.</dd> <dt>Lorem ipsum dolor sit amet</dt> <dd> Vestibulum quis nulla id odio faucibus feugiat a non nibh. Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</dd> </dl> <address> Made 18 November 2009<br /> by <b>myself</b>.</address> </div>

Switch to HtmlView to see AutoPromptMultiFileUpload in action.

What just happened and why? Read on..

If you are working against files that are located on your file system, while editing documents in the HTML Editor, it might be convenient to keep those references still pointing to the local file system. It is indeed quite a bother to have to first upload all that content online somewhere before you can reference it via your hyperlinks href attribute and image elements src attribute.

Also this is quite common when pasting documents from ms word where you have links to a images/files on the filesystem, which looks like it's going to work (but apparently working only for you).

Now, new in Jiffycms is an AutoPrompt MultiFile Upload feature builtin. When this property is true, the default : AutoPromptMultiFileUpload="true" ; the html editor will detect automatically such links and present to you a multi-file upload dialog allowing you to upload every locally referenced resource intelligently. Once the upload is done, it will also update all the references to the new url. Perfect.

To see this in action, we prepared the demo above, containing 3 links in the download section (default content provided in the editor above), all point to links on the file system. :

<ul class="navbar">
        <li><a href="http://www.jiffycms.net">Downloads</a></li>
        <li><a href="file:///C|/My Documents/justadocument.pdf">My document - Download#1</a></li>
        <li><a href="file:///C|/My Pictures/justimages.zip">My pictures - Download#2</a></li>
        <li><a href="file:///C|/My Games/pacman-thegame.rar">Pacman - Download#3</a></li>
    </ul> 
<p>
        Actually there is one img element in this document, but it's referencing an image
        on the local file system :| oops
        <img src="file:///C|/My Pictures/me.jpg" alt="This is me" />
    </p>

Now switching to HtmlView and vice versa will trigger this mechanism.

Please note that we do not allow uploads on our server, so do not expect to find the file you uploaded show up.

Toggle (declarative syntax and remarks);