Copy HTML Source to Confluence WIki Mark up
Asked by Rahul Gulati:

I am trying to copy HTML source from ZenDesk editor to Confluence Wiki mark up. After I copy and paste it in the mark up and go to Rich-text, it does not take effect. Do I need UWC or it should work automatically


Answers:
author: Rahul Gulati
body: Sure.

I go to Zendesk SUpport editor and click HTML source. Copy and paste the content.

\<p\>Note: This is a work in progress.\</p\>  
\<p\>\&nbsp;\</p\>  
\<div style="width: 100%; background-color: #104e8b; height: 75px; border-radius: 5px;"\>  
\<h2 style="color: #ffffff; margin: 0px; padding-top: 15px;"\>\&nbsp;\&nbsp; \<br /\>\&nbsp; How to Prepare a Template?\</h2\>  
\</div\>  
\<p\>\<br /\>You can prepare document assembly templates in Word, PDF, etc.\</p\>  
\<h3\>Preparing a template in Word document\</h3\>  
\<p\>To prepare a template in a Word document, do the following:\</p\>  
\<ol\>  
\<li\>Open a Word document.\</li\>  
\<li\>Click the position where you need to add the merge field.\<br /\>\<br /\>\<img src="/attachments/token/2brevyg9dc9cajv/?name=position.png" alt="position.png" /\>\<br /\>\<br /\>\</li\>  
\<li\>Click the \<strong\>Insert\</strong\> tab, click \<strong\>Quick Parts\</strong\> and then click \<strong\>Field\</strong\>.\<br /\>\<br /\>\<img src="/attachments/token/4uow8lsppbpwbf5/?name=Click+the+Insert+tab%2C+click+Quick+Parts+and+then+click+Fields..png" alt="Click_the_Insert_tab__click_Quick_Parts_and_then_click_Fields..png" /\>\<br /\>\<br /\>\<strong\>Result\</strong\>: The\<strong\> Field\</strong\> dialog box pops up.\<br /\>\<br /\>\</li\>  
\<li\>Under \<strong\>Field names\</strong\>, click \<strong\>MergeField\</strong\>; under \<strong\>Field properties\</strong\>, in the \<strong\>Field name\</strong\> field, type the preferred field name (for example, \<strong\>SpecialConditions\</strong\>); and then click \<strong\>OK\</strong\>.\<br /\>\<br /\>\<img src="/attachments/token/k1ww2citzcih5zl/?name=Field+dialog+box.png" alt="Field_dialog_box.png" /\>\<br /\>\<br /\>  
\<div style="width: auto; height: auto; background-color: #c1ffc1; border-radius: 4px; border: 1px solid #8FBC8F;"\>\<strong\>\<img src="/attachments/token/ytkyhdb4yzb3ywr/?name=note.png" alt="note.png" /\> Make sure to avoid spaces while typing the field name\</strong\>\<strong\>.\</strong\>\</div\>  
\<br /\>\<strong\>Result\</strong\>: The merger field with the given field name is added to the preferred position in the Word document.\<br /\>\<br /\>\<img src="/attachments/token/j4txacm38vbusxn/?name=merge+field+added.png" alt="merge_field_added.png" /\>\<strong\>\<strong\>\<br /\>\<br /\>\</strong\>\</strong\>  
\<div style="width: auto; height: auto; background-color: #c1ffc1; border-radius: 4px; border: 1px solid #8FBC8F;"\>\<strong\>\<img src="/attachments/token/ytkyhdb4yzb3ywr/?name=note.png" alt="note.png" /\>Similarly, you can add multiple merge fields throughout the Word document as required\</strong\>\<strong\>.\</strong\>\</div\>  
\</li\>  
\<li\>Click\&nbsp;\<img src="/attachments/token/r1xcls2zcoehef4/?name=save+icon.png" alt="save_icon.png" /\> and close the Word document. Now you have a Word template ready for creating questionnaires.\</li\>  
\</ol\>  
\<p\>\&nbsp;\</p\>

comments: author: HosseinA
body: Hi,

I tested this code in my local Confluence. In order to have this HTML codes in your Confluence, the modoule of "HTML" in Confluence HTML Macro must be enabled. I think it is best if you ask the admin user of the Confluence to do enable this module, and then you will be able to have the HTML codes in your Confluence pages.

Hossein


author: Rahul Gulati
body: @Hossein,

I do not have Admin rights. I tried going into the editor,, Insert Macro\>External Content\>HTML Macro, and then oaste the HTML source content. It does not work, output shows text with \<p\>tags,h1, br, etc respectively. Could it be because of predefined syntax followed by Confluence, that does not sync?

I want to have a treestructure appear like - ordered and unordered list. - 1. \<txt\>

2. \<txt\> and so on

Can I craete my own macros?

comments: author: HosseinA
body: Hi,

Can you provide me with a sample of html code you wish to have in your page?


author: HosseinA
body: Hi- enable HTML macro from: conf admin \> manage add-ons- insert HTML macro inside your page- paste the codes therer


author: Mick Davidson
body: Rahul,

I think you have to add the HTML macro to the page first, then add the HTML to that.

Cheers.


Tags: universal-wiki-converter