about enventor: updated content.

pages/about-enventor.txt

@@ -5,9 +5,11 @@
 
 {{:icon-enventor.png?nolink |}}
 
+Enventor, which is also known as EDC (Edje Data Collections) Editor, is a useful EDC script editor tool that supports text edit function and preview function for the EDC source code.
+
 {{ :enventor-main.png?&300|}}
 
-Enventor, which is also known as EDC (Edje Data Collections) Editor, is a useful EDC script editor tool that supports text edit function and preview function for the EDC source code. When your application requires realtime changeable layouts like animative ones, then you could write those layout design using EDC script, compile it to EDJ format file then import it into your application using a UI layout. But not only for that, you can write any kinds of design layouts from simple to complex ones if you use EDC script with Enventor. Enventor helps you write EDC script code eaiser and finish your work faster. If you are not familiar with a EDC programming, then please visit to next, [[https://www.enlightenment.org/program_guide/edje_pg|Edje Programming Guide]] for more information.
+When your application requires realtime changeable layouts like animative ones, then you could write those layout design using EDC script, compile it to EDJ format file then import it into your application using a UI layout. But not only for that, you can write any kinds of design layouts from simple to complex ones if you use EDC script with Enventor. Enventor helps you write EDC script code eaiser and finish your work faster. If you are not familiar with EDC programming, then please visit to next, [[https://www.enlightenment.org/program_guide/edje_pg|Edje Programming Guide]] for more information.
 
 === About Enventor ===
 
@@ -27,8 +29,9 @@ Basically, Enventor view is divided into 2 sections, live view and text view. Th
 
 The following figure illustrates each layout section of Enventor.
 
+{{ :enventor-layout.png?&400|}}
+
   * Red: Toolbar
-{{ :enventor-layout.png?&300|}}
   * Cyan: File browser
   * Green: Live view
   * Blue: Text view
@@ -39,11 +42,11 @@ The following figure illustrates each layout section of Enventor.
 
 ==Using Text View==
 
-Enventor text view mainly supports text editing. You can write and modify EDC source code in this view. Once part sections are written in the text view and the modified EDC source code is saved, preview images corresponding to the part objects of the EDC source code are displayed in the live view.
+Enventor text view mainly supports text editing. You can write and modify EDC source code in this view. Once part sections are written in the text view and the modified EDC source code is saved, preview images corresponding to the part objects of the EDC source code are displayed in the live view. Basically, this text editor applys syntax color and auto indentation for EDC with its one standard rule. If you open an edc file which doesn't matched with Enventor indentation rule, Enventor applies its indentation automatically for your convenient. If you don't like it, then you can toggle off that function in Preference Setting (Setting -> Preference -> Auto Indentation)
 
-Text view supports the following features:
+Furthermore, Text view supports the following fancy features:
 
-{{ :enventor-autocomplete.png?&200|}}
+{{ :enventor-autocomplete.png?&150|}}
 
   * Auto-complete
 
@@ -51,26 +54,50 @@ To help you write EDC source code, Text view supports auto-complete function whi
 
 When you enter a part of a reserved keyword, a contextual pop-up comes up with a list of keywords beginning with your input string. Choose one keyword with up and down arrow keys and press "Enter". The keyword is selected and a related EDC code snippet is inserted in the text view automatically. In contrast, if you press "Backspace" key, the auto-complete function is cancelled and the contextual pop-up will be dismissed. In addition, you can enable or disable the auto-complete function in the configuration setting.
 
-You can also use auto-complete as context help: press "Ctrl+Space" key combination to show a list of available keywords in the current cursor position context.
+You can also use auto-complete as context help. Press "Ctrl+Space" key combination to show a list of available keywords in the current cursor position context.
 
-{{ :enventor-candidate1.png?&200|}}
+{{ :enventor-candidate.png?&150|}}
 
   * Candidate list
 
 The EDC script provides a variety of pre-defined keywords including part object types and program action types. To edit the keywords easier, text view supports a candidate list function for the keywords. When you double-click a keyword in the text view, the available candidate keyword list based on the context pops up. If you select one of the candidate keywords, the double-clicked keyword is changed to the selected one.
 
-{{ :enventor-candidate2.png?&200|}}
+{{ :enventor-slider.png?&150|}}
 
 The candidate list function also helps you to know the available range of the numeric values based on the context. The numeric candidate function shows the range of the available number. While you are dragging the slider, Enventor updates the preview instantly.
 
-{{ :enventor-candidate3.png?&200|}}
+{{ :enventor-colorselector.png?&150|}}
 
   * Color selector
 
 To change color values, use the color selector tool. Each time when the "color" keyword is double-clicked, it displays the color selector.
 
-  * Zooming text
+{{ :enventor-reference.png?&150|}}
+
+* Reference popup
+
+Reference popup is a kind of like a manual for the edc keyword that current cursor positioned on. It shows description of edc keywords for the beginners who don't familiar with the edc programming script language by understanding them its syntax. To pop up the reference, Press "F5" key after positioned the editor cursor on any edc keywords.
+
+{{ :enventor-text-zoom.png?&150|}}
+
+* Zooming text
+
+Zooming in/out text view area changes the font size relative to the zoom factor. This action can be done by "Ctrl+Mouse Wheel Up/Down" or changed font size inside Text Editor Setting. (Settings -> Text Editor -> Font Size)
+
+==Interactive Feedback==
+
+Enventor has the following ways of providing interactive feedback information while you edit EDC source code.
+
+{{:enventor-highlight.png?&200 |}}
+
+* Highlighting a part object
+
+To easily identify the part object that you modify, Enventor provides a function for highlighting the preview image corresponding to a part object. Click a part section in the EDC source code and the preview image corresponding to the part object in the view gets highlighted. Oppositely, clicking a part object of the preview image in the live view that moves the editor cursor to the corresponding edc line in the text view.
+
+{{:enventor-preview.png?&150 |}}
+
+* Image Preview
+
+To easily check the image file you use, Text view provides a function for previewing image files. Write the image keyword and an image file name in the EDC source code and click the image keyword. The preview image pop-up of the clicked image file opens. If other image files are written in the previous or next line of the previewed image file, you can go to the preview image with "Up"/"Down" arrow keys or "Mouse Wheel".
 
-{{ :enventor-text-zoom.png?&200|}}
 
-Zooming in/out text view area changes the font size relative to the zoom factor. This action can be done by "Ctrl+Mouse Wheel Up/Down" or changed font size inside Text Editor Setting. (Settings -> Text Editor)