(FAQ) Using the WYSIWYG (What You See Is What You Get) Editor

Questions

• What is a WYSIWYG Editor?
• How to add a link?
• How to insert an image?
• How to Embed HTML Code (Widgets)

Answers

• What is a WYSIWYG Editor?
  A WYSIWYG Editor or also known by "What You See Is What You Get" Editor is a content editor the same as MS Word wherein you can see the actual formatting of the output text during editing.  This editor is very useful to users because you already see the actual preview of the content while editing it.  It also has the familiar toolbar that can help in formatting the content.
  

  [ Back to top ]
• How to add a link?
  Adding a link with our WYSIWYG Editor is easy.  To insert a link, follow these simple steps:

  1. Input the text of the link you wanted to create.
     
  2. Highlight the text to enable the Insert Link toolbar icon.
     
     
  
  
  3. Click the Insert Link toolbar icon to display the Link editor.
  4. Input your URL in Link URL editbox
  5. Select "Open link in a new window" in Target dropdown list.
  6. Click Insert button and you are done.
     
     

  [ Back to top ]
• How to insert an image?
  Adding an image to your message posts is very easy using the WYSIWYG editor.  You only need an image URL (online image) to be able to add an image.  If you have the image file in your computer, upload the images first either in ImageShack or PhotoBucket.
  
  Have your image URL ready and follow these simple steps:

  1. In the WYSIWYG Editor of Sulit.com.ph, click on the Image toolbar button.
     
     
  
  
  2. In the image window that will be displayed, specify your Image URL.  Don't forget to add an Image Description for your image.  Click the Insert button to insert your image into the WYSIWYG editor.
     
     
  3. You are done.  Continue editing your post using the WYSIWYG editor and submit to post your message.

  [ Back to top ]
• How to Embed HTML Code (Widgets)
  To embed any HTML codes from other websites like videos from YouTube, follow the simple steps below:
  
  

  • As for this sample, we are going to use the Embed Code from YouTube.
  • Get your Embed Code from the website.  On YouTube, you can find it here:

  
  

  
  
  

  • While posting your advertisement using the WYSIWYG Editor, click the Embed Icon.

  
  
  
  

  • A pop-up window will then appear where you should paste the Embed Code that you have copied on your clipboard from YouTube or other websites.

  
  
  
  

  • Click insert after entering your code and a placeholder will appear within the WYSIWYG editor.
  • The actual widget will be displayed after submitting the form

  [ Back to top ]

Download Sulit.com.ph Toolbar