Difference between revisions of "EditorPane"

From Protege Wiki
Jump to: navigation, search
(added topics (used same as editorpaneplain widget))
Line 7: Line 7:
 
|DeveloperID1=Tania Tudorache
 
|DeveloperID1=Tania Tudorache
 
|DeveloperID2=Vivek Tripathi
 
|DeveloperID2=Vivek Tripathi
|LastUpdated=November 14, 2007
+
|LastUpdated=2007/11/14
 
|Topic1=Biomedical Informatics
 
|Topic1=Biomedical Informatics
 
|Topic2=Visualization
 
|Topic2=Visualization
Line 14: Line 14:
 
|Description=The Slot widget EditorPaneWidget supports html text and also has a dynamic hyperlink detector.
 
|Description=The Slot widget EditorPaneWidget supports html text and also has a dynamic hyperlink detector.
 
}}
 
}}
 
 
<div style="float:left;">
 
<div style="float:left;">
 
==Description==
 
==Description==
The Slot widget EditorPaneWidget supports html text and also has a dynamic hyperlink detector. The functionality of this widget becomes clear from the example.
+
The Slot widget EditorPaneWidget supports html text and also has a dynamic hyperlink detector. We can insert external links (like www.google.com) or internal links pointing to classes, slots, instances etc inside the project. These links are automatically detected and enabled. It also supports text formatting. The functionality of this widget becomes clear from the example.
  
 
==Example==
 
==Example==
Line 31: Line 30:
  
 
3. You would observe that as you go on typing, the slot automatically detects any hyperlinks that you enter and enables them. When you move the mouse over the links, there is a message which prompts you to follow the link by clicking it. Clicking the link opens it in a separate browser.
 
3. You would observe that as you go on typing, the slot automatically detects any hyperlinks that you enter and enables them. When you move the mouse over the links, there is a message which prompts you to follow the link by clicking it. Clicking the link opens it in a separate browser.
 +
 +
4. If you want to add an internal link say pointing to some Instance (say Ms Gardiner) of some class in the project, just type link@'Ms Gardiner' as shown in the screenshot below. The link gets enabled. In other words to create internal link to "XXX XXX" we need to type link@'XXX XXX'
 +
 +
[[Image:EditorPaneWidget3.jpg]]
 +
 +
5. When you click on the internal link, the window with Ms Gardiner instance opens up. The internal link works for classes, slots, instances etc in the project.
 +
 +
[[Image:EditorPaneWidget4.jpg]]
 +
 +
5. EditorPane also supports text formatting as shown in the screenshot above. We can even embed an image along with the text by clicking on the "Insert Image" button (circled in RED in the screenshot above). It asks the user to enter the link where image is present.
 +
  
 
==NOTE==
 
==NOTE==

Revision as of 14:24, December 19, 2007

The Slot widget EditorPaneWidget supports html text and also has a dynamic hyperlink detector.

Versions & Compatibility

This section lists available versions of EditorPane.

No version information available.

If you click on the button below to add a new version of EditorPane, you will be asked to define a page title for the new version. Please adhere to the naming convention of EditorPane X.X.X when you define the new page!

Changelog

No version information available.


Description

The Slot widget EditorPaneWidget supports html text and also has a dynamic hyperlink detector. We can insert external links (like www.google.com) or internal links pointing to classes, slots, instances etc inside the project. These links are automatically detected and enabled. It also supports text formatting. The functionality of this widget becomes clear from the example.

Example

Example: Consider the newspaper example which is included with Protégé. Suppose for Class ‘Article’ we want to enable detection of hyperlinks for the slot ‘Text’.

1. Click on ‘Forms’ tab at the top and select the class ‘Article’ in the ‘Form Browser’ on the left. Select EditorPaneWidget as the WidgetType for the slot in which you want to enable html and hyperlinks.

EditorPaneWidget1.jpg

2. Switch to the ‘Instances’ tab with class ‘Article’ selected. Select any instance of class ‘Article’ and type the text in the ‘Text’ slot.

EditorPaneWidget2.jpg

3. You would observe that as you go on typing, the slot automatically detects any hyperlinks that you enter and enables them. When you move the mouse over the links, there is a message which prompts you to follow the link by clicking it. Clicking the link opens it in a separate browser.

4. If you want to add an internal link say pointing to some Instance (say Ms Gardiner) of some class in the project, just type link@'Ms Gardiner' as shown in the screenshot below. The link gets enabled. In other words to create internal link to "XXX XXX" we need to type link@'XXX XXX'

EditorPaneWidget3.jpg

5. When you click on the internal link, the window with Ms Gardiner instance opens up. The internal link works for classes, slots, instances etc in the project.

EditorPaneWidget4.jpg

5. EditorPane also supports text formatting as shown in the screenshot above. We can even embed an image along with the text by clicking on the "Insert Image" button (circled in RED in the screenshot above). It asks the user to enter the link where image is present.


NOTE

EditorPaneWidget writes HTML data to the knowledgebase. For a particular slot, if you switch from plain text to EditorPaneWidget (html text) then this html text would be stored in the knowledgebase. If you don’t want html to be written to the knowledgebase, please use EditorPanePlainWidget instead of EditorPaneWidget.

Installation

EditorPaneWidget is bundled with the "full" installation of Protege (versions 3.4 beta 110 and higher). The source code for EditorPaneWidget is available from the Protege Subversion repository.