Difference between revisions of "HTML Editor"

From OpenKM Documentation
Jump to: navigation, search
 
(3 intermediate revisions by one other user not shown)
Line 8: Line 8:
 
* [[File:Document_find.png]] to link some OpenKM document.
 
* [[File:Document_find.png]] to link some OpenKM document.
 
* [[File:Folder_find.gif]] to link some OpenKM folder.  
 
* [[File:Folder_find.gif]] to link some OpenKM folder.  
 +
* [[File:Codehighlight.png]] to insert highligting code.
  
 
== Create new HTML document ==
 
== Create new HTML document ==
Line 16: Line 17:
 
[[File:Okm_user_guide_318.png]]
 
[[File:Okm_user_guide_318.png]]
  
Change name, select optional options and click on create button.
+
Change name, select optional options and click on '''create''' button.
  
 
[[File:Okm_user_guide_319.png]]
 
[[File:Okm_user_guide_319.png]]
Line 25: 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 33: Line 34:
 
{{Note|if you want to cancel changes click [[File:Cancel_checkout.gif]] cancel checkout icon.}}  
 
{{Note|if you want to cancel changes click [[File:Cancel_checkout.gif]] cancel checkout icon.}}  
  
 +
== Add document link ==
 +
Click on [[File:Document_find.png]] find document icon. Will be shown the search document popup.
 +
 +
[[File:Okm_user_guide_321.png]]
 +
 +
Select a document and click '''Add link''' button.
 +
 +
[[File:Okm_user_guide_322.png]]
 +
 +
== Add folder link ==
 +
Click on [[File:Folder_find.gif]] find folder icon. Will be shown the search folder popup.
 +
 +
[[File:Okm_user_guide_323.png]]
 +
 +
Select a folder and click '''Add link''' button.
 +
 +
[[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]]

Latest revision as of 16:54, 17 March 2013

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