Editing web content

 When the pencil tool is visible, this means that the current page may be edited using the built-in HTML editor. Clicking on the pencil icon will open the page in editing view:

Screenshot of HTML editor

This is a standard HTML content editor just like those found in any content management system so we don’t intend to document the use of this in any detail. However, when creating content for the web it’s important to be aware that the HTML editing tools only get you so far and do not always create optimised or clean HTML. Again, this is common to all HTML editors, not specific to HBSMR-Web.

Consequently, we strongly recommend that content creators have a working knowledge of HTML in order to undertake some editing directly in the source code. Clicking on “Source” opens up the source code editor, as shown below:

Screenshot of source code editor

As an example, take the following extract from a blog post with a link to an image in the LibraryLink web service. The HTML created by the content editor is as follows:

<p>

<a href="/monument/MHG4510" title="Ruthven Barracks – click to view full record details and a map"> <img alt="Photo of Ruthven Barracks © Andrew Taylor" style="width: 800px; height: 600px;" alt="" src="https://librarylink.highland.gov.uk/LLFiles/108587/full_108587.jpg">

</a>

</p>

A much better way of expressing this, which tells search engines a lot more and allows the mark-up to explicitly link the copyright statement/caption with the image, is as follows. This requires manual editing in the source editor:

<figure>

<a href="/monument/MHG4510" title="Ruthven Barracks – click to view full record details and a map">

<img alt="Photo of Ruthven Barracks © Andrew Taylor" src="https://librarylink.highland.gov.uk/LLFiles/108587/full_108587.jpg" style="max-width:800px;width:100%;border:0;" />

</a>

<figcaption>Photo of Ruthven Barracks © Andrew Taylor</figcaption>

</figure>

 

Note that in the current version of the cloudscribe CMS there is no content versioning, meaning that you cannot save and work on a draft while keeping the original live. We therefore recommend that you create a test page where you can try out new content before making it live.

Find out more