Page Editor » Visual Editing of Links

1 Initial Problem

Currently links in the page editor are shown in a slightly anachronistic pseudo-tag manner. This confuses users and makes it rather finicky to insert and update them.

2 Conceptual Summary

Links should be shown as links in the editor. Clicking on them (when already created) should lead to a dialog allowing to choose the link href, the text shown and the possibly the target. A click on the button to create a link in the editor slate, should lead to the same dialog.

Links should work without any tags.
They should look as meaningful as possible and be editable with a click.

Processes for creating links:

• Write "google.de"
  • This should be interpreted directly after saving (manually or AutoSave).
  • A link is created with the text "google.de" and it is linking to "http://google.de".
  • After link a glyph appears to call up an editing modal. (Processes for editing links follow below.)
• Write "More information can be found here."
  • Select "here" and use funcion "Link" in Editing Slate 
  • "here" is getting a Link and an editing modal is calling  (Processes for editing links follow below.)
  • After saving the link setting the the text "here" is visually highlighted (according to the defined style) and bears a link glyph

Processes for editing links

• Case 1: an editing modal has open after initial set of a link
• Case 2: an editing modal has open after clicking the link-glyph behind an exisitng link.
• The modal contains a form with 
  • Text Representation: "Link Title"
  • Radio to "type of link": External Link, Internal Link, User Link, (in cases also Wiki-Link)
  • Save (Primary) | Cancel | Delete Link

Processes for Deletion:

• They should be deleted either by "Delete" on Keyboard or via editing modal of the link.
• Deleting via "Delete" on keyboard deletes the link and text that carries it.
• Deleting via Modal deletes the link but leaves the text.

Specials for creation links in Wikis:

• Write "ILIAS is one of the most wonderful software products ever."
  • Write opening and closing double brackets before and after "wonderful".
  • After saving (manually or AutoSaveI)
    • a) a link to the existing Page is set and can edited via link-glyph behind "wonderful"
    • b) a link to a. not exisitng page is created. The link is clickable. The link bears no link-glyph, therefore nothing is editable.

Shortcuts (to be discussed)

• Should things like user links still be able to be created initially with tags?
• Or also images from media pools displayed inline?

OS: Was machen wir mit mailto-Links ? » siehe Mantis #30476

OS: Wir sollten überlegen, ob wir im Moment des Schreibens des Links (auch ohne Protokoll !) ILIAS erkennen lassen können, dass das vielleicht ein Link sein könnte. Dann sollte ein Angebot zum Erstellen eines Links kommen.

3 User Interface Modifications

3.1 List of Affected Views

Edit and insert link view in the ILIAS Page Editor.

3.2 User Interface Details

{For each of these views please list all user interface elements that should be modified, added or removed. Please provide the textual appearance of the UI elements and their interactive behaviour.}

3.3 New User Interface Concepts

Calling a Modal via Glyph in Editing of Text.

4 Technical Information

{The maintainer has to provide necessary technical information, e.g. dependencies on other ILIAS components, necessary modifications in general services/architecture, potential security or performance issues.}

5 Privacy Information

None

6 Security Implications

None

7 Contact

• Author of the Request: Samoila, Oliver [oliver.samoila]
• Maintainer: Killing, Alexander [alex]
• Implementation of the feature is done by: {The maintainer must add the name of the implementing developer.}

8 Funding

If you are interest in funding this feature, please add your name and institution to this list.

• . . .

9 Discussion

10 Implementation

{The maintainer has to give a description of the final implementation and add screenshots if possible.}

Test Cases

Test cases completed at {date} by {user}

• {Test case number linked to Testrail} : {test case title}

Approval

Approved at {date} by {user}.