Differences

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

Link to this comparison view

Next revision		 Previous revision
Last revisionBoth sides next revision
docs:text_editor [2020-09-20 19:19] – external edit 127.0.0.1docs:text_editor [2020-10-05 23:20] – Joseph Hogan
Line 1: Line 1:
-<style> +====== Creating posts ======
-figure { border: 4px #eeeeee solid; } +
-figure img { padding: 2px; } +
-figure figcaption { background: #eeeeee; color: #444444; padding: 2px; font-style: italic;} +
-</style> +
- +
-Creating posts +
-===========+
  
 * [Home](help) * [Home](help)
Line 12: Line 5:
 Here you can find an overview of the different ways to create and edit your post. Here you can find an overview of the different ways to create and edit your post.
  
-One click on the Pencil & Paper icon in the top right of your Home or Network page, or the "Share" text box, and the post editor shows up. +One click on the Pencil & Paper icon in the top right of your Home or Network page, or the "Share" text box, and the post editor shows up. Below are examples of the post editor in 3 of Friendica's common themes:
-Below are examples of the post editor in 3 of Friendica's common themes:+
  
-<figure> +<figure> <img src="doc/img/editor_frio.png" alt="frio editor"> <figcaption>Post editor, with the <b>Frio</b> (popular default) theme.</figcaption> </figure> <p style="clear:both;"></p> <figure> <img src="doc/img/editor_vier.png" alt="vier editor" width="675"> <figcaption>Post editor, with the <b>Vier</b> theme.</figcaption> </figure> <p style="clear:both;"></p> <figure> <img src="doc/img/editor_dpzero.png" alt="duepuntozero editor"> <figcaption>Post editor, with the <b>Duepuntozero</b> theme.</figcaption> </figure>
-<img src="doc/img/editor_frio.png" alt="frio editor"> +
-<figcaption>Post editor, with the <b>Frio</b> (popular default) theme.</figcaption> +
-</figure> +
-<p style="clear:both;"></p> +
-<figure> +
-<img src="doc/img/editor_vier.png" alt="vier editor" width="675"> +
-<figcaption>Post editor, with the <b>Vier</b> theme.</figcaption> +
-</figure> +
-<p style="clear:both;"></p> +
-<figure> +
-<img src="doc/img/editor_dpzero.png" alt="duepuntozero editor"> +
-<figcaption>Post editor, with the <b>Duepuntozero</b> theme.</figcaption> +
-</figure>+
  
 Post title is optional, you can set it by clicking on "Set title". Post title is optional, you can set it by clicking on "Set title".
Line 34: Line 13:
 Posts can optionally be in one or more categories. Write category names separated by a comma to file your new post. Posts can optionally be in one or more categories. Write category names separated by a comma to file your new post.
  
-The Big Empty Textarea is where you write your new post. +The Big Empty Text area is where you write your new post. You can simply enter your text there and click the "Share" button, and your new post will be public on your profile page and shared to your contact.
-You can simply enter your text there and click the "Share" button, and your new post will be public on your profile page and shared to your contact.+
  
-If plain text is not so exciting to you, Friendica understands BBCode to spice up your posts: bold, italic, images, links, lists.. +If plain text is not so exciting to you, Friendica understands BBCode to spice up your posts: bold, italic, images, links, lists.. See [BBCode tags reference](help/BBCode) page to see all what you can do.
-See [BBCode tags reference](help/BBCode) page to see all what you can do.+
  
 The icons under the text area are there to help you to write posts quickly, but vary depending on the theme: The icons under the text area are there to help you to write posts quickly, but vary depending on the theme:
Line 44: Line 21:
 With the Frio theme, the Underline, Italics and Bold buttons should be self-explanatory. With the Frio theme, the Underline, Italics and Bold buttons should be self-explanatory.
  
-<img src="doc/img/camera.png" width="32" height="32" alt="editor" align="left"> Upload a picture from your computer. The image will be uploaded and correct bbcode tag will be added to your post.*  In the Frio theme, use the <b>Browser</b> tab instead to Upload and/or attach content to your post. +<img src="doc/img/camera.png" width="32" height="32" alt="editor" align="left"> Upload a picture from your computer. The image will be uploaded and correct bbcode tag will be added to your post.* In the Frio theme, use the **Browser** tab instead to Upload and/or attach content to your post. <p style="clear:both;"></p>
-<p style="clear:both;"></p>+
  
-<img src="doc/img/paper_clip.png" width="32" height="32" alt="paper_clip" align="left"> This depends on the theme: For Frio, this is to attach remote content - put in a URL to embed in your post, including video or audio content.  For other themes: Add files from your computer. Same as picture, but for generic attachment to the post.* +<img src="doc/img/paper_clip.png" width="32" height="32" alt="paper_clip" align="left"> This depends on the theme: For Frio, this is to attach remote content - put in a URL to embed in your post, including video or audio content. For other themes: Add files from your computer. Same as picture, but for generic attachment to the post.* <p style="clear:both;"></p>
-<p style="clear:both;"></p>+
  
-<img src="doc/img/chain.png" width="32" height="32" alt="chain" align="left"> Add a web address (url). Enter a URL and Friendica will add to your post a link to the url and an excerpt from the web site, if possible. +<img src="doc/img/chain.png" width="32" height="32" alt="chain" align="left"> Add a web address (url). Enter a URL and Friendica will add to your post a link to the url and an excerpt from the web site, if possible. <p style="clear:both;"></p>
-<p style="clear:both;"></p>+
  
-<img src="doc/img/video.png" width="32" height="32" alt="video" align="left"> Add a video. Enter the url to a video (ogg) or to a video page on youtube or vimeo, and it will be embedded in your post with a preview. (In the Frio theme, this is done with the paperclip as mentioned above.) Friendica is using [HTML5](http://en.wikipedia.org/wiki/HTML5_video) for embedding content. Therefore, the supported files are depending on your browser and operating system (OS). Some filetypes are WebM, MP4 and OGG.* +<img src="doc/img/video.png" width="32" height="32" alt="video" align="left"> Add a video. Enter the url to a video (ogg) or to a video page on youtube or vimeo, and it will be embedded in your post with a preview. (In the Frio theme, this is done with the paperclip as mentioned above.) Friendica is using [[[http://en.wikipedia.org/wiki/HTML5_video|HTML5]]] for embedding content. Therefore, the supported files are depending on your browser and operating system (OS). Some filetypes are WebM, MP4 and OGG.* <p style="clear:both;"></p>
-<p style="clear:both;"></p>+
  
 <img src="doc/img/mic.png" width="32" height="32" alt="mic" align="left"> Add an audio. Same as video, but for audio. Depending on your browser and operation system MP3, OGG and AAC are supported. Additionally, you are able to add URLs from audiohosters like Soundcloud. <img src="doc/img/mic.png" width="32" height="32" alt="mic" align="left"> Add an audio. Same as video, but for audio. Depending on your browser and operation system MP3, OGG and AAC are supported. Additionally, you are able to add URLs from audiohosters like Soundcloud.
Line 60: Line 33:
 <p style="clear:both;"></p> <p style="clear:both;"></p>
  
-<img src="doc/img/globe.png" width="32" height="32" alt="globe" align="left"> <b>Or</b> <img src="doc/img/frio_location.png" width="32" height="32" alt="location" align="none"> Set your geographic location. This location will be added into a Google Maps search. That's why a note like "New York" or "10004" is already enough. +<img src="doc/img/globe.png" width="32" height="32" alt="globe" align="left"> <b>Or</b> <img src="doc/img/frio_location.png" width="32" height="32" alt="location" align="none"> Set your geographic location. This location will be added into a Google Maps search. That's why a note like "New York" or "10004" is already enough. <p style="clear:both;"></p> <br />
-<p style="clear:both;"></p> +
-<br />+
  
 <p style="clear:both;"></p> <p style="clear:both;"></p>
Line 68: Line 39:
 These icons can change depending on the theme. Some examples: These icons can change depending on the theme. Some examples:
  
-<table> +<table> <tr> 
-<tr> +<code>
-    <td>Vier: </td> +
-    <td><img src="doc/img/vier_icons.png" alt="vier.png" style="vertical-align:middle;"></td> +
-    <td>&nbsp;</td> +
-</tr> +
-<tr> +
-    <td>Smoothly: </td> +
-    <td><img src="doc/img/editor_darkbubble.png" alt="darkbubble.png" style="vertical-align:middle;"></td> +
-    <td>&nbsp;</td> +
-</tr> +
-<tr> +
-    <td>Frost: </td> +
-    <td><img src="doc/img/editor_frost.png" alt="frost.png" style="vertical-align:middle;"> </td> +
-    <td>&nbsp;</td> +
-</tr> +
-</table> +
-<i><b>*</b> how to [upload](help/FAQ#upload) files</i> +
-<p style="clear:both;">&nbsp;</p>+
  
-**<img src="doc/img/lock.png" width="32" height="32" alt="lock icon"  style="vertical-align:middle;"> The Lock / Permissions**+  <td>Vier: </td> 
 +  <td><img src="doc/img/vier_icons.png" alt="vier.png" style="vertical-align:middle;"></td> 
 +  <td> </td> 
 + 
 +</code> 
 + 
 +</tr> <tr> 
 + 
 +<code> 
 +  <td>Smoothly: </td> 
 +  <td><img src="doc/img/editor_darkbubble.png" alt="darkbubble.png" style="vertical-align:middle;"></td> 
 +  <td> </td> 
 + 
 +</code> 
 + 
 +</tr> <tr> 
 + 
 +<code> 
 +  <td>Frost: </td> 
 +  <td><img src="doc/img/editor_frost.png" alt="frost.png" style="vertical-align:middle;"> </td> 
 +  <td> </td> 
 + 
 +</code> 
 + 
 +</tr> </table> <i><b>*</b> how to [upload](help/FAQ#upload) files</i> <p style="clear:both;"> </p> 
 + 
 +**<img src="doc/img/lock.png" width="32" height="32" alt="lock icon" style="vertical-align:middle;"> The Lock / Permissions**
  
 In Frio, the Permissions tab, or in other themes, the Lock button, is the most important feature in Friendica. If the lock is open, your post will be public, and will show up on your profile page when strangers visit it. In Frio, the Permissions tab, or in other themes, the Lock button, is the most important feature in Friendica. If the lock is open, your post will be public, and will show up on your profile page when strangers visit it.
Line 94: Line 74:
 Click on it and the *Permission settings* window (aka "*Access Control Selector*" or "*ACL Selector*") pops up. There you can select who can see the post. Click on it and the *Permission settings* window (aka "*Access Control Selector*" or "*ACL Selector*") pops up. There you can select who can see the post.
  
-<figure> +<figure> <img src="doc/img/acl_win.png" alt="Permission settings window"> <figcaption>Permission settings window with some contact selected</figcaption> </figure>
-<img src="doc/img/acl_win.png" alt="Permission settings window"> +
-<figcaption>Permission settings window with some contact selected</figcaption> +
-</figure>+
  
 Click on "show" under contact name to hide the post to everyone but selected. Click on "show" under contact name to hide the post to everyone but selected.
Line 103: Line 80:
 Click on "Visible to everybody" to make the post public again. Click on "Visible to everybody" to make the post public again.
  
-If you have defined some groups, you can check "show" for groups also. All contact in that group will see the post. +If you have defined some groups, you can check "show" for groups also. All contact in that group will see the post. If you want to hide the post to one contact of a group selected for "show", click "don't show" under contact name.
-If you want to hide the post to one contact of a group selected for "show", click "don't show" under contact name.+
  
 Click again on "show" or "don't show" to switch it off. Click again on "show" or "don't show" to switch it off.
Line 111: Line 87:
  
 See also [Group and Privacy](help/Groups-and-Privacy) See also [Group and Privacy](help/Groups-and-Privacy)
 +
  
  • Last modified: 2020-10-05 23:21