Difference between revisions of "HTML Editor"

From OpenKM Documentation
Jump to: navigation, search
Line 26: Line 26:
  
 
== Edit HTML document ==
 
== Edit HTML document ==
Select HTML document and click on [[File:Checkout.gif]] edit icon. Will be shown HTML popup editor.
+
Select HTML document and click on [[File:Checkout.gif]] edit icon. Will be shown the HTML popup editor.
  
 
[[File:Okm_user_guide_317.png|center|900px]]
 
[[File:Okm_user_guide_317.png|center|900px]]
Line 35: Line 35:
  
 
== Add document link ==
 
== Add document link ==
Click on [[File:Document_find.png]] find document icon. Will be shown a search document popup.
+
Click on [[File:Document_find.png]] find document icon. Will be shown the search document popup.
  
 
[[File:Okm_user_guide_321.png]]
 
[[File:Okm_user_guide_321.png]]
Line 44: Line 44:
  
 
== Add folder link ==
 
== Add folder link ==
Click on [[File:Folder_find.gif]] find folder icon. Will be shown a search folder popup.
+
Click on [[File:Folder_find.gif]] find folder icon. Will be shown the search folder popup.
  
 
[[File:Okm_user_guide_323.png]]
 
[[File:Okm_user_guide_323.png]]
Line 52: Line 52:
 
[[file:Okm_user_guide_324.png]]
 
[[file:Okm_user_guide_324.png]]
  
 +
== Highligh code ==
 +
click on [[File:Codehighlight.png]] highlight code icon. Will be shown  the highlight code popup.
 +
 +
[[File:Okm_user_guide_325.png]]
 +
 +
Select the '''language'''. '''Copy code''' and click on '''insert''' button.
 +
 +
Your code will be shown on yellow box.
 +
 +
[[File:Okm_user_guide_326.png|center|900px]]
 +
 +
But on preview document will be shown highlighted.
 +
 +
[[file:Okm_user_guide_327.png]]
  
 
[[Category: User Guide]]
 
[[Category: User Guide]]

Revision as of 12:45, 9 December 2012

OpenKM integrates HTML editor. Include special buttons checkin, cancel checkin, link document and folders, search document and folders and language highlighting.

OpenKM icons:

  • Checkin.gif to save changes.
  • Cancel checkout.gif to cancel edition without saving changes.
  • Document find.png to link some OpenKM document.
  • Folder find.gif to link some OpenKM folder.
  • Codehighlight.png to insert highligting code.

Create new HTML document

HTML documents are created from templates, should be uploaded some documents at templates.

Go to menu, select templates, browser to some html document meny option and click.

Okm user guide 318.png

Change name, select optional options and click on create button.

Okm user guide 319.png

Document will be created.

Okm user guide 320.png

Edit HTML document

Select HTML document and click on Checkout.gif edit icon. Will be shown the HTML popup editor.

Okm user guide 317.png

Write changes and click Checkin.gif Checkin icon to confirm changes.


Nota clasica.png if you want to cancel changes click Cancel checkout.gif cancel checkout icon.

Add document link

Click on Document find.png find document icon. Will be shown the search document popup.

Okm user guide 321.png

Select a document and click Add link button.

Okm user guide 322.png

Add folder link

Click on Folder find.gif find folder icon. Will be shown the search folder popup.

Okm user guide 323.png

Select a folder and click Add link button.

Okm user guide 324.png

Highligh code

click on Codehighlight.png highlight code icon. Will be shown the highlight code popup.

Okm user guide 325.png

Select the language. Copy code and click on insert button.

Your code will be shown on yellow box.

Okm user guide 326.png

But on preview document will be shown highlighted.

Okm user guide 327.png