WYSIWYG Editor and Infoglue features connected
Before reading further I urge all of you to consider the flaws of editing content through a WYSIWYG-editor. The very idea of mixing the information itself with presentation tags destroys the value severely.
This is probably why most of you looked at Infoglue – because we use a more structured information model. We feel that information should be handled very separate from it’s presentation which means the templates themselves should handle all presentation tags and only present pure info. Once you have enabled the WYSIWYG editor you will get information that is mixed with information about style, indentation and tables etc.
Now – we also recognise the value for users to be able to handle some information this way which is why we have included the WYSIWYG at all. Just make sure not to overuse it and now that the WYSIWYG:s are som much better stay with only CSS-stylable tags etc.
Anyway – there are some nice features in InfoGlue which enhances the normal behavior of the editor which by the way is “FCKEditor or CKEditor”. This manual will not go through the normal features as they are very similar to those in normal text editors. Instead we will talk about the extra features added by Infoglue.
Default an attribute with the WYSIWYG enabled will look like this:
As you can see there are far to many buttons available as standard. Most organizations will want to limit the number of buttons available to the users and also customize which users should have access to which buttons. All of this is configured on either repository, role or user level and will be described later in a separate chapter.
The buttons which has special InfoGlue-functionality are the marked ones.
- The button represents the link handling in the editor. Inside that a InfoGlue-feature is added to assist the user to make a link from a text to another page in the site or to an InfoGlue asset (PDF, Image etc). This is called an Inline Link.
- The button represents the image handling in the editor. Inside that a InfoGlue-feature is added to assist the user to show an InfoGlue-image inline in the text. The image can come from any content on any site.
If you want to link to an InfoGlue-page or to an InfoGlue asset from you text you first write the text that should be linked and mark it. After it is marked you press the link button.
Next the following dialog will ask you to enter the URL you wish to link to. Default the link is an external URL but you can also click on the “Browse server”-button to activate the InfoGlue dialog and link to pages/assets in InfoGlue – also known as inline link.
We get the following dialog if we click “Browse Server”:
The view shows the structure tree by default but there is also a tab for asset browsing in the head. If you wish to link to another page in InfoGlue you select the page in the orange tree and then press save.
If you wish to link to a PDF, image or similar you have to change view in the head (marked with red). The following view will be shown:
You then navigate and click on the content and select a contents assets which will be shown to the right for each content. You can also add new images by pressing the link “Upload new image”. When you have selected an asset on a content you can press “Save” and there will be a link in the text to that asset. If you mark that link and press the same button again it will show the screen with the properties of the link editable.
If you want to use an InfoGlue-assets and especially images in your text you just have to position your cursor where you want the image to end up and then press the button.
When done you will get the following dialog which is standard for FCKEditor which is the WYSIWYG-editor InfoGlue uses:
You can of course state an ordinary URL to any image but if you want to use assets/images you uploaded in InfoGlue you press the “Browse Server”-button. This will show the following interface:
To the left is the content tree as in the content tool and to the right all assets available for a certain content will show. In this example we have clicked on “Global contents” in the tree and as you see it had 2 flags available. To insert one I just click on the one I want and press the “Save”-button. If you want to search for an asset you can use the -button in the header and you state the asset key or file name you want to look for.
After you select the asset to the right the view will change back to the previous one and now the selected image is shown in the preview field.
To finish the insertion of this image now just click the “OK”-button and the result will be the image inside your text area.