roebe 0.5.123

data/lib/roebe/www/vim/vim.rb

@@ -0,0 +1,856 @@
+english('Vim - a useful editor') {
+autoextend
+favicon 'PC/EDITORS/VIM/VIM_FAVICON.png'
+template1 '
+A:link       { color: darkblue}
+A:visited    { color: royalblue}
+A:hover      { color: #9C129C}
+A:active     { color: #9C129C}
+table.small  { width: 52%; margin-left: 20%; }
+td.padding   { padding-left:1cm; padding-right: 0cm; padding-bottom:0cm; padding-top:   0cm; }
+tr.trred     { background: rgb(255,204,204) }
+tr.trgreen   { background: rgb(204,255,204) }
+tr.trblue    { background: rgb(214,214,255) }
+td           { vertical-align: top; }
+td.tdheader  { background: rgb(200,200,250) }
+td.tdgreen   { background: rgb(204,255,204) }
+td.tdred     { background: rgb(255,214,214) }
+A:active     { color: #98FB98   }
+span.s1      { color: palegreen }
+img          { border: 0px solid black}
+h5           { margin-top: 1px;margin-bottom:1px}
+h6           { margin-top: 1px;margin-bottom:1px}
+'
+
+body_css_class 's10px marpad1px VERDANAs'
+font_size 'def'
+
+# =========================================================================== #
+# === SHOW_HAND_GRAFIK
+# =========================================================================== #
+SHOW_HAND_GRAFIK     = true # set to false if serving for University.
+
+# =========================================================================== #
+# === SHOW_BIG_LOGO_GRAFIK
+#
+# If true then we display a logo at the bottom.
+# =========================================================================== #
+SHOW_BIG_LOGO_GRAFIK = true
+
+# =========================================================================== #
+# === header
+# =========================================================================== #
+def header(
+    i, css_class = '', the_id = ''
+  )
+  h3 sg(:red_dot,'bblack1 marr8px')+i,
+     css_class,the_id
+end; alias h header # === h
+
+# =========================================================================== #
+# === header_smaller
+# =========================================================================== #
+def header_smaller(content, css_class, the_id)
+  h4 sg(:green_dot,'bblack1 marr8px marl0_5em')+content,
+     css_class,the_id
+  br
+end
+
+doc('wid82 pad0_5em s1em mar1px') {
+  h1 dot(104, 'marr10px')+
+     'The VIM editor',
+     'martb2px'
+  x = dot(108, 'marr8px')
+  h2 x+'THE (G)VIM BIBLE',
+     'FL150 mart1px s1em FI',
+     '',
+     'border-bottom:2px solid slateblue'
+  e 'C means pressing the Control Key aka STRG in conjunction with 
+     another key','BO FS0_8em'
+  e 'ESC or <ESC>means pressing the Esc button on the top left of 
+  your keyboard, and CR or <cr> means pressing the enter key on 
+  the right side of your keyboard.','BO FS0_8em'
+  br
+  # ========================================================================= #
+  # START
+  # ========================================================================= #
+  e 'Use <b>#</b> to search for the word under the cursor and jump
+  to it. Press it multiple times to go to the word you want to 
+  find. (AltMirror of <b>*</b>, which does the same but forward,
+  # does it backwards.)'
+  br
+  e 'To search globally, use <b>g*</b> or <b>g#</b>.'
+  br
+  e 'Use <b>C+n</b> to complete the cursor word (you will see 
+  something like <i>Keyword completion (^N^P) match 1 of 2)</i>'
+  br
+  e 'Use <b>[I</b> to show lines matching the word under the 
+  cursor, also known as <b> <cword> </b>. Its very useful
+  to find similar matches.'
+  br
+  e 'Use <b>:inoremap { {<CR>}<ESC>i</b> to make matching closing 
+  brackets, in this example for }'
+  br
+  e 'Use <b>C+i</b> to use TAB (works in insert mode)'
+  br
+  # ========================================================================= #
+  # === MARKERS TAG, MARKER TAG.
+  # ========================================================================= #
+  header 'Vim and Markers','FI','vim_markers'
+  # vi line buffers:
+  e 'Use <b>m</b> to set a marker on a line, and you can set additional 
+  letters to identify this line (example: <b>mt</b>).'
+  br
+  e 'Now you can jump to it if you type \'t, where the t is the letter you 
+  used.'
+  br
+  e 'mt will mark a line with the identifier t, \'t will return to this 
+  line. Note that, as far as I can see, you will jump to the beginning 
+  of a line at the marked position.'
+  br
+  e 'You can use <b>:\'a,\'bd</b> to delete rows between marker a and
+  marker b.'
+  br
+  e 'Use <b>yy</b> to copy the current line into the buffer. You can then
+  paste it via <b>p</b>.'
+  br
+  e 'When I have a file opened in vim, is there an easy way to "jump to 
+  character at position 324"?'
+  boldbr ':goto 324'
+  # ========================================================================= #
+  # Plugins tag.
+  # ========================================================================= #
+  header 'Plugins','FI','plugins'
+  e 'Where are Plugins kept?'
+  boldbr 'In ~/.vim/ftplugin/. For instance, the python files are 
+  at <i>python.vim</i>.'
+  # ========================================================================= #
+  # Cursor.
+  # ========================================================================= #
+  header 'Cursor','FI','cursor'
+  e 'Use <b>:nu</b> to find out the line number your cursor is at.'
+  header 'set'
+  e 'Mittels :set können wir einen Filetype setzen.'
+  br
+  cmd '  :set ft=ruby'
+  # ========================================================================= #
+  # Undo and Redo.
+  # ========================================================================= #
+  header 'Undo and Redo','FI','undo_redo'
+  e 'Use <b>C+r</b> to redo (Redo one change which was <b>undo</b>ne, another 
+  way is to use <b>:red</b> or <b>:redo</b>)'
+  br
+  # ========================================================================= #
+  # GENERAL SEARCH tag searching,finding, replacing replace tag
+  # casing, capitalizing replace tag
+  # ========================================================================= #
+  header 'Searching, Finding, Casing, Deleting and Replacing with Vim','FI','Search'
+  header_smaller 'Replace Tag','martb0px','Replace'
+  e 'Use <b>:g/^127.0.0.1/d</b> to delete 
+  all lines that start with 127.0.0.1.'
+  br
+  e 'Use <b>:%s/  /\t/g</b> to replace 3 spaces with one 
+  tab. This of course wont ask for confirmation.'
+  br
+  e 'Use <b>452s/foo/bar/</b> to replace first occurrence of 
+  word foo with bar on line number 452'
+  br
+  e 'Use <b>:g/^/d</b> to delete all empty lines in a file'
+  br
+  e 'To <b class="red">Upper Case</b> a Word use <b>vEU</b>'
+  br
+  e 'To <b class="blue">Flip Case</b> a Word use <b>vE ~</b>
+  (this flips a whole word)'
+  e 'To <b class="blue">lowercase</b> an entire file use
+  <b>ggguG</b> # (lowercase entire file)'
+  br
+  e 'Change case of character under cursor: <b> ~ </b>'
+  br
+  e 'Use <b>:noh</b> to clear the search history'
+  br
+  e 'Use <b>dw</b> and then <b>.</b> to repeat the last instruction.'
+  br
+  e 'Use <b>0</b> to (zero) move to the beginning of the row,
+  or use <b>^</b>(<b>first char of row</b>). '
+  br
+  h2 'How to install and use a Theme for Vim:'
+  e 'Copy all Vim themes into:'
+  marl2em '  ~/.vim/colors/'
+  marl2em '  cp /Users/x/DATA/PC/EDITORS/VIM/THEMES/* ~/.vim/colors/'
+  br
+  e 'You can  enable a theme by adding it to your ~/.vimrc file 
+  with the following line:'
+  bold '  colorscheme wombat'
+  br
+  h 'How to indent with Vim'
+  e 'Use <b>:>i{</b> to indent a block to the right. This will be
+  useful if you for example have to properly indent a function.
+  This will put the indentation one "shiftwidth" to the right.'
+  br
+  h 'How to search-jump to words at the current cursor'
+  e 'Use <b>*</b> to search-jump to words at cursor pos. Press * multiple times 
+  to jump to next incidence of word, or press <b>n</b>
+  to jump to next occurence of something, and <b>N</b> as the AltMirror of <b>n</b>.
+  (AltMirror of #) Apparently that is quite like the same thing as above ...'
+  br
+  # ========================================================================= #
+  # Ok this is too long. We just make a for the content, and b for the class
+  # ========================================================================= #
+  e "Use <b>while in insert mode:  <ctrl-r>=strftime \'%x %X\')  
+  (better create a mapping for this if you need it) </b> to insert date/time.
+  Also, on a UNIX like system, you can use
+  <b>:r!date</b>"
+  br
+  e 'Use <b>:%s//&/g</b> for word count / counting words (seems broke?)'
+  br
+  e 'Use <b>G</b> to move to the <b>end of the file (EOF)</b>, use <b>1G</b> or
+  :0 to move to the <b>beginning of the file</b><br>
+  : May also be used instead of G.'
+  br
+  e 'Use <b></b> to move to the last character in the row (<b>end of line</b>)
+  Amazingly, you can type a letter like 4 before typing ,
+  and vim will jump exactly 4x times at the last char
+  of the row. Just try it, <b>4</b>.
+  The opposite of  is <b>0</b> by the way - Lets you jump to the start 
+  of the line'
+  br
+  e '<b>H</b> to move to the top of the page'
+  br
+  e '<b>L</b> to move to the bottom of the page'
+  br
+  e '<b>M</b> to move cursor to the middle of the page'
+  br
+  e 'Use <b>.</b> to repeat the last command. <b>VERY useful</b>.'
+  br
+  e 'Use <b>gJ</b> to join two lines (synynom to backspace)'
+  br
+  e 'Use <b>:n</b> to move to the n-th row of the file (as in
+  <span class="red BOLD">:666</span> to move to row 666, also known as <b>goto</b>)'
+  br
+  e 'Use <b>:-n</b> to move up n rows from the current row (n is a non-negative integer, example 
+  <b>:-6</b> move up 6 from cur row)'
+  br
+  e 'Use <b>dw</b> to delete the word on the cursor, or if 
+  you are in insert mode, use Ctrl-W to delete the 
+  last word before the cursor.'
+  br
+  e 'Use <b>C+D</b> do delete everything from cursor position to end of line.
+  (this somehow does not seem to work, it instead
+  jumps to the end of the file)'
+  br
+  e 'Use <b>:199,206d</b> to delete lines 199 to 206'
+  br
+  e 'Use <b>Ctr-A</b> to increment the number under the cursor.
+  VERY useful. Use <b>Ctr-X</b> to decrease the number again.'
+  br
+  e 'Use <b>:g/^/d</b> to <b>delete all empty lines</b> (Yes, this works)'
+  br
+  e 'Use <b>:20,30/patt/d</b> to delete lines from 20 to 30 containing patt'
+  br
+  e 'Use <b>%</b> to find and jump to the matching parenthesis, bracket 
+  or brace'
+  br
+  e 'Use <b>C-vjjjjI<Space><Esc></b> to multiIndent several comment
+  lines:'
+  br
+  e 'With j you mark the line, with I you start to indent it, and whatever
+  you do will be applied on all j-marked lines. <b>VERY</b> useful.'
+  br
+  e 'Use <b>w</b> to move to the beginning of the next word, <b>5w</b> moves to fifth next word.
+  This in combination with <b>10w</b> for instance allows for fast moving.'
+  br
+  e 'Use <b>b</b> to move to the beginning of the previous word, <b>5b</b> moves to prior fifth word'
+  br
+  e 'Use <b>number</b> and cursor keys to jump that many times in the specified dir (example: 20 Cursor_down)'
+  br
+  e 'Use <b>e</b> to move cursor to end of a word (end of word), also be aware of
+  <b>E</b> - there seems to be a slight difference, E seems to define bigger
+  word limits.'
+  br
+  e 'A word consists of a sequence of letters, digits and underscores, or a
+  sequence of other non-blank characters, separated with white space (spaces,
+  tabs, <EOL>).  This can be changed with the <b>iskeyword</b> option.'
+  br
+  e 'Use <b>h</b> to move to the <b>previous character</b>'
+  br
+  e 'Use <b>i</b> to move to the <b>next character</b>'
+  br
+  e 'Use <b>j</b> to move to the <b>next line</b>'
+  br
+  e 'Use <b>k</b> to move to the <b>previous line</b>'
+  br
+  e 'Use <b>:u</b> or just <b>u</b> to <b>undo</b> the last change, 
+  or use <b>U</b> to undo <b>all</b> changes in the current file.'
+  br
+  e 'Type <b>g</b> before any of the four abovementioned letters if you 
+  want to move by screen lines instead of moving by real lines. 
+  However, this seems to have issues, hmm.'
+  br
+  e 'Use <b>xp</b> to swap two chars (swapchars, switch chars), 
+  <b>x</b> deletes a char (del char), p pastes it.'
+  br
+  e 'Use <b>ddp</b> to swap two rows'
+  br
+  e '<b>yy</b> to copy the current line to the clipboard (useful if you
+  used dd, then p to copy a line  ;|  )<br>
+  This is also known as <b>yanking</b>, and to yank a single word
+  you can use <b>yw</b>.
+  Of course you can use a number before that, as in <b>6yy</b>
+  to copy 6 lines from the current line (include the current line) 
+  to the clipboard'
+  br
+  e 'Use <b>:e!</b> to redo editing a file'
+  br
+  e 'Use <b>C-k A:</b> to make Ä, or use
+  A backspace : in insert mode. You can use <b>:digraphs</b> (or <b>:dig</b>)
+  to get a list of those special chars.
+  (Digraphs are used to enter characters that normally cannot be entered 
+  by an ordinary keyboard. You can add new digraphs with a syntax
+  like so <b>:digr e: 235 a: 228</b>)'
+  br
+  e 'Use <b>cw</b> to change words, and :map <F2> /[a-z]<cr>~0  
+  to change cases.'
+  br
+  e 'To change it for the whole line, do'
+  br
+  e '<b>g~~</b>'
+  br
+  e 'Use <b>:set ff=unix</b> to set the filetype to Unix.'
+  br
+  e 'Use 
+  <b>:echo expand(\'TERM\')</b> to replace it with a 
+  shell Variable.'
+  br
+  e 'And yes, use :echo VARIABLE to output the variable. 
+  (shell stuff, shell tag)'
+  br
+  e 'Use <b>C+f</b> to move to the <b>next page</b>, 
+  which is kinda a synonym for moving one page down. 
+  And use <b>C+b</b> to move to the <b>previous page</b>'
+  br
+  e 'Use <b>zt, zz, zb</b> to scroll (huh?)'
+  br
+  e 'Use <b>:r</b> to insert another File, as in <b>
+  :r test</b> to insert the file called test.'
+  br
+  e 'Use the <b>closetag</b> script to get HTML closing tags.'
+  br
+  e 'Use <b>arrow keys</b>, or C+arrow keys, or pageup or pagedown keys 
+  (in either command mode or insert mode)) to forward sentence'
+  br
+  e 'Use <b>(</b> to backward sentence, <b>)</b> to forward them'
+  br
+  e 'Use <b>K</b> to open a man function if your cursor is over
+  the command in question, like printf.'
+  br
+  e 'Use <b>}</b> to forward paragraph, Use <b>{</b> to backward paragraph'
+  br
+  e 'Use <b>]]</b> to forward section, <b>[[</b> to backward section
+  (Usually this will let you jump a big distance)'
+  br
+  e 'To select text in a rectangle region with a mouse use <b>C+v</b> then drag the rectangle.'
+  br
+  e 'Use <b>:syn</b> on or <b>:syn off</b> to switch syntax highlighting on and off'
+  br
+  e '<b>:ls</b> to see what files are/have been open'
+  br
+  e '<b>:b1</b> would switch to buffer 1, etc..'
+  br
+  e '<b>:bp</b> and <b>:bn</b> are used to switch to previous and next buffers respectively'
+  br
+  e '<b>:%!sort</b> to sort lines'
+  br
+  e 'Use <b>:set paste</b> when you want to insert text without it being 
+  indented automagically, and <b>:set nopaste</b> again to revert 
+  back to default state.'
+  br
+  e 'via :help map you can redefine the maps of vim'
+  br
+  e 'via <b>:!ruby %</b>  or <b>:!ruby name.rb</b> you can run/execute 
+  the current ruby script.'
+  br
+  e 'Use <b>:history</b> to display the history of Vim.'
+  br
+  e '<b>p</b> to paste the content in the clipboard to the next line 
+  and <b>]p</b> to adjust the indent of the new location, which is 
+  very useful if you want to match the indentation of your current
+  line - especially in Python'
+  br
+  e '<b>P</b> to paste the content in the clipboard to previous line'
+  br
+  e '<b>30i#ESC</b> to make the char # spawn 30 times'
+  br
+  p('mar0_5em pad0_5em','',
+    'border: 2px ridge beige;') {
+    abr 'https://www.vimtips-blog.com/',
+        content:   'Vim Tips',
+        css_class: 'slateblue'
+  }
+  e '<b>Changing Case</b> (case switching, switching case) is done via <b>~</b>
+(Uppsercasing lowercasing).'
+br
+e 'We can map a key to this function (say <F2>) which will convert
+the next lowercase character to uppercase (using ~).'
+br
+e ':map <F2> /[a-z]<cr>~0'
+br
+e 'Notice that you don\'t have to type the four letters <F2>  
+Instead you just press that key when entering the above command.'
+br
+e 'Now if <F2> key is pressed continuosly, characters will be converted
+to uppercase. A more trickier example is to convert a text with
+uppercase only, so that only the first character of each word
+remains uppercase.'
+br
+e 'Again we can map a key, so that it will search for two letter
+combinations and convert the second character to a lowercase.'
+br
+  e ':map <F2> /[A-Za-z0-9][A-Z]<cr>l~0'
+  br
+  e 'Now pressing the <F2> key will change only the necessary characters.'
+  br
+  # configure make make install. Compile from source.
+  e '<b>:make</b> will compile a program provided that a makefile is in this dir.
+  You can change this behaviour by the way, by doing something like <br>
+  :set makeprg=make\ run 
+  <br>
+  Notice the "\" character to protect the following space character. 
+  Now, the command :make will run "make run" in the shell.'
+  br
+  # ========================================================================= #  
+  # === Recording TAG
+  # ========================================================================= #
+  h1 'Recording with Vim','FI','Recording'
+  br
+  e 'Use <b>q</b> followed by a letter (example <b>a</b>) to record 
+  actions, which can be reused lateron.
+  Finish the recording by pressing <b>q</b> again.'
+  br
+  e 'Use <b class="darkblue">@</b> followed by the 
+  letter name of the buffer to <i>playback</i> a 
+  <b>recording</b> (for example above, use a. You get 
+  this char with AltGr)'
+  br
+  e 'Now how to do recordings?<br>
+  First, Go to the beginning of the line: 0<br>
+  Delete until the first alphabatical character by doing this: d/[A-Z]<cr>
+  Insert the characters li: i li esc
+  Go to the occurence of < in the same line: /< cr
+  Delete upto the end of line: D <br>
+  Delete the remaining space: x <br>
+  Move to the next line: j <br>
+  To record these events, I first go the first line (no. 94) and press q.
+  Then a letter (say a) which is the name of the buffer for recording. 
+  After that, I do the steps listed above which will process that line. 
+  After the final step, I press q to finish recording.
+  Now I have to "playback" my recording for the second line. 
+  For that I have to press @ key and the letter name of the buffer (\'a\'
+  in this example). That will process the next line.'
+  br
+  e 'The above procedure can also be acomplished using a regular 
+  expression search and replace.'
+  br
+  e 'Use <b>
+  :%s/foo/bar/g </b>
+  to replace every occurrence of the word foo with bar in the 
+  whole file. This is most likely the replace func you use 
+  most oftenly.'
+  br
+  e '<b>/SITE/e</b> # search for SITE in current file and jump to end
+  pos, or to e+pos like <b>e+5</b>. If you just want to search for 
+  SITE multiple times press <b>n</b>'
+  br
+  e 'General substitution goes like so'
+  br
+  e ':%s/fred/joe/igc'
+  br
+  e 'Use <b>:g/patt/d</b> to delete lines that contain patt'
+  br
+  e 'Use <b>:%s/\t//g</b> to replace all tabs in a file'
+  br
+  e '<b>Capitalize</b> all lowercase characters on a line: <br> :s/\([a-z]\)/\u\1/g<br>
+  If you want to lowercase the whole line, just use <b>Vu</b>,
+  if you want to uppercase the whole line, use <b>VU</b><br>
+  If you want to uppercase a word, use <b>vEU</b>'
+  br
+  e '<b>r(one_char)</b> replaces the char under cursor with
+  the (char). Example: <b>rf</b>, would replace any char of
+  the cursor with the f char. This works just for one char'
+  br
+  e 'Use <b>/</b> or <b>?</b>
+  to search for a pattern. ? only searches from top of 
+  file to current cursor position.'
+  br
+  e '<b>/SITE/s-2</b> # search for SITE in current file and jump to start pos -2'
+  br
+  e '<b>/^[A-J]\+/</b> # search for lines beginning with A-J'
+  br
+  e '<b>/begin\_.*end</b> # search over possible multiple lines'
+  br
+  e '<b>:%s/^\s\+//</b> to delete all leading blank chars. You can maybe use dw too.'
+  br
+  e '<b>/fred\_s*joe/i</b> # any whitespace including newline'
+  br
+  e '<b>/fred\|joe</b> # search for fred OR joe'
+  br
+  e '<b>/\([^0-9]\|^\)%.*%</b> # Search for absence of a digit or beginning of line'
+  br
+  e '<b>/.*fred\&.*joe</b> # Search for FRED AND JOE in any ORDER!'
+  br
+  e '<b>/\<fred\>/i</b> # search for fred but not alfred or frederick'
+  br
+  e '<b>/\D\d\d\d\d\D</b> or <b>/\D\d\d\d\d\D</b> or <b>/\<\d\{4}\></b> # Search for exactly 4 digit numbers'
+  br
+  e '<b>/^\n\{3}</b> # find 3 empty lines'
+  br
+  e '<b>:vmap // y/<C-R>"<CR></b> # search for visually highlighted text'
+  br
+  e 'To get asked if you want to replace something do ( 
+  GoToTop,SearchForWord,ChangeWord,RepeatLastSearch,RepeatLastEdit): <br>
+  1G /idiot_enter_ cwbar n.'
+  br
+  # ========================================================================= #
+  # SETTINGS tag set tag setting tag
+  # Saving, colour settings, sett tag, 
+  # settings tag
+  # ========================================================================= #
+  h1 'Settings including Colour Settings and General Options','FI','','Settings'
+  br
+  h5 'vim /home/x/DATA/PC/LINUX/vimrc','s1em'
+  br
+  e '<b>PLEASE be aware that I document the settings in my 
+  <a href="../PC/LINUX/vimrc">vimrc</a> file mostly.
+  So use that file as reference if you want to set something on vim startup.</b>'
+  br
+  e '- Use the following to set a dark background <b>:set background=dark</b>'
+  br
+  e '- To use colours, source it via its name,
+  as in 
+  <b>:colorscheme desert</b> <br>
+  The colours should be under
+  ~/.vim/colors <br>
+  Default colours include<br>
+  <b>blue.vim
+  darkblue.vim
+  default.vim
+  delek.vim
+  desert.vim
+  elflord.vim
+  evening.vim
+  koehler.vim
+  morning.vim
+  murphy.vim
+  pablo.vim
+  peachpuff.vim
+  ron.vim
+  shine.vim
+  torte.vim
+  zellner.vim
+  </b>'
+  br
+  e '- Use <b>:opt</b> to see vim options.'
+  br
+  e '- Use <b>:set fileformat=dos</b> pr
+  <b>:set fileformat=mac</b>
+  to save a file if you want to use it on windows or mac.'
+  br
+  e '-<b>:set filetype=perl</b> or <b>:set filetype=ruby</b>'
+  br
+  e '- Dont use <b>:set</b> in your .vimrc file, just use
+  <b>set</b>. You are wasting one char if you use : in your vimrc :)'
+  br
+  # ========================================================================= #
+  # === FILE HANDLING
+  # ========================================================================= #
+  h1 'File Handling (File Opening and so on)','FI','','FileHandling'
+  e 'Use <b>gf</b> to open file name under cursor.'
+  br
+  e 'How can I open a file at a specific line position for example 
+  at line pos 15?<br>
+  <b class="darkblue">vim +15 file_name </b>, or, if
+  you like I prefer it, you can do this too (which is the same but at other positions)
+  <br>
+  <b class="darkblue">
+  vim file_name +15
+  </b>'
+  br
+  e 'How do I load a file in Vim for editing?
+  <b class="darkblue">:e filename</b>
+  like :e /tmp/test.rb <br>
+  :n and :args works also
+  (:n /tmp/test.rb) <br>
+  All these work for several files too! '
+  br
+  e 'How do I save the current file in another name (save as) and edit a new file?
+  <b class="darkblue">
+  :saveas newfilename
+  </b>
+  <br>
+  This works also: <br>
+  <b class="darkblue">
+  :w foo
+  :edit #
+  </b>'
+  br
+  # ========================================================================= #
+  # === MIXED STUFF
+  # open file file opening open tag
+  # ========================================================================= #
+  h1 'Mixed Stuff like  Opened buffers, Completion and more','FI'
+  br
+  e 'How do I <b>autocomplete</b> big variable names?<br>
+  Use <b>Ctr+N</b>. In order for it to work, you must have first written
+  the big_name, and then lateron you can call it by starting to
+  write it, then pressing Ctr+N.'
+  br
+  e 'How do I change the <b>current directory</b> to the directory of the current file?
+  <b class="darkblue">
+  :cd %:p:h
+  </b>
+  <br>
+  To automatically change the current directory to the directory of the
+  current file, use the following autocmd:<br>
+  <b>
+  :autocmd BufEnter * cd %:p:h
+  </b>'
+  br
+  e 'How do I disable warnings?'
+  br
+  e '<b class="darkblue">
+  :set autoread
+  </b><br>
+  or use the following autocmd:<br>
+  <b class="darkblue">
+   autocmd FileChangedShell *
+            \ echohl WarningMsg |
+            \ echo "File has been changed outside of vim." |
+            \ echohl None
+  </b>'
+  br
+  e 'I want to use my scroll (mouse) in vim. How can i do this?
+  <b class="darkblue">
+  :se mouse=a </b>'
+  br
+  e 'I dont want to expand tabs, what can i do?
+  <b class="darkblue">:set noet </b> # not expand tabs'
+  br
+  # ========================================================================= #
+  # === VIMRC tag and gvimrc tag
+  # ========================================================================= #
+  h1 'vimrc examples','FI'
+  h5 '.vimrc is for vim. gvimrc is for gvim. On windows rename .gvimrc to _gvimrc.
+  I believe it is easier if you look at my .vimrc example file. I have added lottsa comments.'
+  br
+  e '"# makes your mouse jump to each search word
+  <br><b>set mousemodel=extend</b>'
+  br
+  # ========================================================================= #
+  # Abbreviations with VIM
+  # ========================================================================= #
+  h5 'Abbreviations with Vim'
+  e 'Use <b>:unab vim</b> to unset an abbreviation again.'
+  br
+  # ========================================================================= #
+  # === Autocmd tag
+  #   rf vim autocmd
+  # ========================================================================= #
+  div('pad1em','autocmd') {
+    h2 'AutoCMD und VIM'
+    p('ind0px marl1em') {
+      e 'Mittels autocmd kann man dies erreichen:','marl1em'
+      br
+      e '- Commands die automatisch ablaufen sollen wenn:','marl2em'
+      e '- Eine Datei gelesen oder geschrieben wird.','marl3em'
+      e '- Ein Buffer oder Window betreten oder verlassen wird.','marl3em'
+      e '- Wenn Vim verlassen wird.','marl3em'
+    }
+    h4 'Autocmd Beispiele'
+    p {
+      cmd ':au BufNewFile,BufRead *.html so <sfile>:h/html.vim'
+    }
+    cmd 'bl PC/EDITORS/VIM/vim_autocmds'
+  }
+  e '<b>:ab #bb KAKAKA #-- this would expand #bb to KAKAKA in INSERT mode, just type #bb then press SPACE'
+  br
+  e 'My VIMRC:'
+  br
+  e '.vimrc'
+  br
+  e '" Edit another file in the same directory as the current file <br>
+  " uses expression to extract path from current file\'s path <br>
+  if has "unix") <br>
+    map ,e :e <C-R>=expand("%:p:h") . "/" <CR> <br>
+  else <br>
+    map ,e :e <C-R>=expand("%:p:h") . "\" <CR> <br>
+  endif 
+  <br>
+  "Make the dir of a file the current working dir <br>
+  :autocmd BufEnter * cd %:p:h'
+  br
+  e 'vimrc file
+  The commands in HOME/.vimrc file is executed whenever vim is started. 
+  (Maybe HOME/.gvimrc for x-window version). For example, if you are using vim extensively
+   for C programming, the following .vimrc file would make life much easier.
+  syntax on
+  set cindent
+  set cino=>2
+  map <F9> :set makeprg=make<cr>:w<cr>:make<cr>
+  map <F10> :set makeprg=make\ run<cr>:w<cr>:make<cr><br>
+  By the way, you get GVIM from the vim sources.'
+  br
+  e 'Troubleshooting with VIM','FI s2em'
+  br
+  e 'Disabling sourcing of Vim Files (nocompatible mode)?
+  <b class="darkblue">vim -N -u NONE -U NONE</b>'
+  br
+  e 'Instead of colours, i get BOLD and underlined words. What is wrong?'
+  br
+  e 'Check for TERM.'
+  br
+  e 'How can I output more debug info while loading a file?
+  <b class="darkblue">
+  vim -V2 file
+  </b>, also use another value for -V to get other output'
+  br
+  e 'How can i find more about error messages? (Example: Id is 123)'
+  br
+  boldbr '<b class="darkblue">:help E123</b>'
+  br
+  div('BG_Black wid98 TAM','','min-height:8.3em') {
+    h1 'VimRules!','BG_Black lightgreen FI'
+    dimg 'PC/EDITORS/VIM/VIM2.png',
+                    'bblack1 BG_Black' # Das Vim Logo.
+  } if SHOW_BIG_LOGO_GRAFIK
+  # ========================================================================= #
+  # === Snippets
+  # ========================================================================= #
+  div('BG_GRAYSTD bblack1 pad5px wid94') {
+    h2 'Use the following code snippet to prevent VIM from opening a
+    second copy if it already exists','s1em'
+    pre '" ---
+" If the serverlist contains more than one item, than another instance of
+" VIM is loaded.
+if serverlist() =~? "\n."
+  echo "MyWarning: Another copy of GVIM or VIM is probably loaded !"
+  endif
+  " ---','BO'
+  }
+  # ========================================================================= #
+  # === VIM MODES tag
+  # ========================================================================= #
+  div('BG_GRAYSTD bblack1 pad2px wid94') {
+    h1 'VIM and the modes used by Vim',
+       'mar0_1em pad0_5em FI','vim_modes'
+    p {
+      e 'Use <b>i</b> to start insert mode, <b>a</b> for append 
+      which moves over one char then allows you to start typing,
+      <b>A</b> to append at end of line, or <b>o</b> for 
+      inserting a new line.'
+    }
+    h4 'Which modes exist for VIM?(<i>You can use the shortcut <b class="darkred">K</b>
+    ey denoted in colours below, to switch to it</i>)','darkmagenta'
+    br
+    h5 '<i>Command Mode</i> -> normal and initial state, other modes return to 
+    this state. This is default when starting vim. Sometimes this mode is 
+    also called <i>Normal Mode</i>','s1em'
+    br
+    h5 '<b class="darkred">i</b> <i>Input Mode</i> -> once in this mode, 
+    you can type freely.', 's1em'
+    br
+    h5 '<i>Visual-Mode</i> -> once in this mode, you select a text 
+    span','s1em'
+    br
+    h5 '<i>Line Mode</i> (also called <i>CommandLine Mode</i>) -> 
+    waiting for input after certain commands. 
+    You reach this Mode by typing <b>:</b> if you are in 
+    command mode. Yes, this means that after starting vim you 
+    can simply switch to this mode by typing <b>:</b><br>
+    Afterwards you can just enter commands to be executed, 
+    example :5 will let you jump to line number 5.','s1em'
+  }
+  # ========================================================================= #
+  # === ADD ONS tag
+  # ========================================================================= #
+  div {
+    h2 'Add Ons / Plugins for Vim'
+    p {
+      e 'A thing to note - i lowercase all .vim files which i keep.' 
+      sg :ausrufungszeichen,'marr4px','NO EXCEPTION.','BOLD'
+      e 'Matrix screensaver by :so matrix.vim, then :Matrix'
+    }
+  }
+  # ========================================================================= #
+  # === DIE VIM HAND. Vim img.
+  # ========================================================================= #
+  if SHOW_HAND_GRAFIK 
+    dimg 'PC/ED/VIM/VIM1.png',
+                    'bblack1 mar4px marr6em mart12em FLR BG_Black'
+  end
+  # ====================================================================== #
+  # SITEMAP. SITE INDEX TAG, IND TAG site tag
+  # ====================================================================== #
+  div('Black posab pad8px FS0_8em','','border:2px solid orange;
+    right:4.6em;top:0.3em;background-color:#eee;') {
+    h4 sg(:yel,'bblack1 marr4px VAB')+
+       'Site Index','Black mart2px s5px mar1px',
+       :sienna
+    ul '','Navigation1'
+    li { a '#Search',      content: 'Search Issues' }
+    li { a '#Replace',     content: 'Replace Issues' }
+    li { a '#Settings',    content: 'Settings Issues' }
+    li { a '#vim_modes',   content: 'Vim and its Modes' }
+    li { a '#vim_markers', content: 'Vim Markers' }
+    li { a '#FileHandling',content: 'File Handling' }
+    cul
+  }
+  # ========================================================================= #
+  # links tag link tag
+  # ========================================================================= #
+  div('pad1em'){
+    h2 'LINKS',
+       'FI wid85 s2em pad5px mar2px','',
+       'border-left:1px solid gold;
+        border-top:1px solid gold'
+    x = dot(102)
+    abr 'http://vimdoc.sourceforge.net/vimfaq.html',
+         content: x+'Official VIM FAQ and DOCS VERY GOOD',
+         css_class: 'slateblue'
+    abr 'http://www.vim.org/',
+         content: x+'VIM Homepage',
+         css_class: 'slateblue'
+    abr 'http://dev.gentoo.org/~ciaranm/docs/vim-guide/#customising-vim',
+         content: x+'A GREAT Docu for vim',
+         css_class: 'slateblue'
+    abr 'http://www.vim.org/docs.php',
+         content: x+'Official VIM Docs',
+         css_class: 'slateblue'
+    abr 'http://vim.sourceforge.net/scripts/index.php',
+         content: x+'Scripts for VIM',
+         css_class: 'slateblue'
+    abr 'http://www.selflinux.org/selflinux/html/vim.html',
+         content: x+'Vim Tutorial 1',
+         css_class: 'slateblue'
+    abr 'http://www.unb.ca/documentation/UNIX/tips/vim/',
+         content: x+'Vim Tutorial 2',
+         css_class: 'slateblue'
+    abr 'http://www.apmaths.uwo.ca/~xli/vim/vim_tutorial.html',
+         content: x+'Vim Tutorial 3',
+         css_class: 'slateblue'
+    abr 'http://vim.its.cz/setup.html',
+         content: x+'Some Vim Options explained',
+         css_class: 'slateblue'
+    abr 'http://www.zinkwazi.com/unix/notes/tricks.vim.html',
+         content: x+'Noch mehr Tricks',
+         css_class: 'slateblue'
+    abr 'http://vim.sourceforge.net/scripts/script.php?script_id=502',
+         content: x+'vim plugin für dictionary lookup',css_class: 'slateblue'
+    abr 'http://www.oualline.com/vim-cook.html',content: x+'Cool hints',css_class: 'slateblue'
+    abr 'http://www.moolenaar.net/habits.html',content: x+'7 VIM Habits',css_class: 'slateblue'
+    abr 'http://www.xs4all.nl/~josvanr/vim.html',content: x+'Vim Functions',css_class: 'slateblue'
+    abr '/PC/EDITORS/VIM/vimrc',content: x+'My vimrc :)',
+        css_class: 'slateblue'
+  }
+  p('mart8px') {
+    roebe_sitemap
+  }
+}}