User Tools

Site Tools


content_wysiwyg

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
content_wysiwyg [2010/03/26 23:23]
vlad
content_wysiwyg [2020/05/28 19:22] (current)
michaels
Line 1: Line 1:
-====== ​Editing content fields using the WYSIWYG editor ​======+#redirect https://​support.realgeeks.com/​hc/​en-us/​articles/​360043149734 
 +====== ​Content Editor: wysiwyg ​====== 
 +(What you see is what you get)
  
-The WYSIWYG Content ​editor works like a stripped-down word processor. Simply type in text, then format it by highlighting it and clicking one of the buttons.+The content ​editor works like a stripped-down word processor. Simply type in text, then format it by highlighting it and clicking one of the buttons.
  
 The best way to learn is to experiment until you achieve the desired formatting. Don't worry, it's pretty easy. Here's a cheat sheet: The best way to learn is to experiment until you achieve the desired formatting. Don't worry, it's pretty easy. Here's a cheat sheet:
  
-{{:wysiwyg.jpg|}}+{{::​editcontent.png?800|}}
  
-The trickiest part is [[uploading|uploading ​images]].+Here, you can learn how to [[uploading|upload your images]].
  
 After the image file has been uploaded, you can [[inserting_images|insert it into the content area]] of a page, sidebar, or footer. After the image file has been uploaded, you can [[inserting_images|insert it into the content area]] of a page, sidebar, or footer.
  
 +====== Inserting popup contact/​sign up form links into your content ======
 +
 +If you want to insert a link to the contact/​sign up popups forms, copy and paste these special codes into the editor in HTML mode: 
 +
 +====Contact Us====
 +Text link:
 +<code html>
 +<a class="​popup"​ href="/​member/​contact/">​Contact Us</​a> ​
 +</​code>​
 +
 +Button link:
 +<code html>
 +<a class="​button contact_us popup" style="​background:​ green; color: white;"​ href="/​member/​contact/"><​span>​Contact Us</​span></​a>​
 +</​code>​
 +
 +
 +====Sign up====
 +
 +Text link: 
 +
 +<code html>
 +<a class="​sign_up popup" href="/​member/​signup/"​ target="​_blank"><​span>​Sign Up!</​span></​a>​
 +</​code>​
 +
 +Button link: 
 +
 +<code html>
 +<a class="​button sign_up popup" style="​background:​ #CC6699; color: white;"​ href="/​member/​signup/"><​span>​Sign Up!</​span></​a>​
 +</​code>​
 +
 +You can change the colors of the background or text (labeled: color) from the button link code with this web color reference:
 +
 +http://​www.w3schools.com/​colors/​colors_picker.asp
 +
 +Still have questions? Contact [[https://​www.realgeeks.com/​support/​|Support]] ​
content_wysiwyg.1269645787.txt.gz · Last modified: 2010/03/26 23:23 by vlad