doc/Text_editor.md

   1 <style>
   2 figure { border: 4px #eeeeee solid; }
   3 figure img { padding: 2px; }
   4 figure figcaption { background: #eeeeee; color: #444444; padding: 2px; font-style: italic;}
   5 </style>
   6
   7 Creating posts
   8 ===========
   9
  10 * [Home](help)
  11
  12 Here you can find an overview of the different ways to create and edit your post.
  13
  14 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.
  15 Below are examples of the post editor in 3 of Friendica's common themes:
  16
  17 <figure>
  18 <img src="doc/img/editor_frio.png" alt="frio editor">
  19 <figcaption>Post editor, with the <b>Frio</b> (popular default) theme.</figcaption>
  20 </figure>
  21 <p style="clear:both;"></p>
  22 <figure>
  23 <img src="doc/img/editor_vier.png" alt="vier editor" width="675">
  24 <figcaption>Post editor, with the <b>Vier</b> theme.</figcaption>
  25 </figure>
  26 <p style="clear:both;"></p>
  27 <figure>
  28 <img src="doc/img/editor_dpzero.png" alt="duepuntozero editor">
  29 <figcaption>Post editor, with the <b>Duepuntozero</b> theme.</figcaption>
  30 </figure>
  31
  32 Post title is optional, you can set it by clicking on "Set title".
  33
  34 Posts can optionally be in one or more categories. Write category names separated by a comma to file your new post.
  35
  36 The Big Empty Textarea is where you write your new post.
  37 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.
  38
  39 If plain text is not so exciting to you, Friendica understands BBCode to spice up your posts: bold, italic, images, links, lists..
  40 See [BBCode tags reference](help/BBCode) page to see all what you can do.
  41
  42 The icons under the text area are there to help you to write posts quickly, but vary depending on the theme:
  43
  44 With the Frio theme, the Underline, Italics and Bold buttons should be self-explanatory.
  45
  46 <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.
  47 <p style="clear:both;"></p>
  48
  49 <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.*
  50 <p style="clear:both;"></p>
  51
  52 <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.
  53 <p style="clear:both;"></p>
  54
  55 <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.*
  56 <p style="clear:both;"></p>
  57
  58 <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.
  59
  60 <p style="clear:both;"></p>
  61
  62 <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.
  63 <p style="clear:both;"></p>
  64 <br />
  65
  66 <p style="clear:both;"></p>
  67
  68 These icons can change depending on the theme. Some examples:
  69
  70 <table>
  71 <tr>
  72     <td>Vier: </td>
  73     <td><img src="doc/img/vier_icons.png" alt="vier.png" style="vertical-align:middle;"></td>
  74     <td>&nbsp;</td>
  75 </tr>
  76 <tr>
  77     <td>Smoothly: </td>
  78     <td><img src="doc/img/editor_darkbubble.png" alt="darkbubble.png" style="vertical-align:middle;"></td>
  79     <td>&nbsp;</td>
  80 </tr>
  81 <tr>
  82     <td>Frost: </td>
  83     <td><img src="doc/img/editor_frost.png" alt="frost.png" style="vertical-align:middle;"> </td>
  84     <td>&nbsp;</td>
  85 </tr>
  86 </table>
  87 <i><b>*</b> how to [upload](help/FAQ#upload) files</i>
  88 <p style="clear:both;">&nbsp;</p>
  89
  90 **<img src="doc/img/lock.png" width="32" height="32" alt="lock icon"  style="vertical-align:middle;"> The Lock / Permissions**
  91
  92 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.
  93
  94 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.
  95
  96 <figure>
  97 <img src="doc/img/acl_win.png" alt="Permission settings window">
  98 <figcaption>Permission settings window with some contact selected</figcaption>
  99 </figure>
 100
 101 Click on "show" under contact name to hide the post to everyone but selected.
 102
 103 Click on "Visible to everybody" to make the post public again.
 104
 105 If you have defined some groups, you can check "show" for groups also. All contact in that group will see the post.
 106 If you want to hide the post to one contact of a group selected for "show", click "don't show" under contact name.
 107
 108 Click again on "show" or "don't show" to switch it off.
 109
 110 You can search for contacts or groups with the search box.
 111
 112 See also [Group and Privacy](help/Groups-and-Privacy)