Changes to "Cookbook" between 2011-02-05 22:06:08 and 2011-02-10 12:56:37

    12     12     <li><a href="#css">Example CSS</a></li>
    13     13     <li><a href="#source-hilight">Source highlighting</a></li>
    14     14     <li><a href="#win32dev">Fossil Win32 Development Machine setup</a></li>
    15     15     <li>[compillingOnWindows| How to compile on windows]</li>
    16     16     <li><a href="#wysiwig">Javascript HTML WYSIWYG editor control</a>
    17     17       <ul>
    18     18         <li><a href="#tinymce">TinyMCE</a></li>
           19  +      <ul><li><a href='#js_local'>Locally installed javascript</a></li></ul>
    19     20         <li><a href="#markitup">markitup!</a></li>
    20     21       </ul>
    21     22     </li>
    22     23     <li><a href="#ticket-checkin-links">Link tickets to checkins</a></li>
    23     24     <li><a href="#th1-usage">Fossil and Th1</a></li>
    24     25     <li><a href="#versionCompressed">Versioning compressed files</a></li>
    25     26     <li><a href="#ColorPicker">Color selector in check-in properties</a></li>
................................................................................
   626    627   
   627    628   <h3>Solution</h3>
   628    629   There are pure javascript editor components that can be used for this task.
   629    630   The source for the editor component is added to the repository. The html header or footer is prepared to include a javascript file and/or a CSS.
   630    631   <br>
   631    632   These two tips are from the mailing list:
   632    633   Rene de Zwart 30. Oct. 2009
          634  +
   633    635   
   634    636   <a name="tinymce"><h4>TinyMCE</h4></a>
   635    637   <p>
   636    638   Source: <a href="http://tinymce.moxiecode.com/"> TinyMCE </a>
   637    639   </p>
   638    640   <h5> Example</h5>
   639    641   <pre class="verbatim">
................................................................................
   662    664          html " <script type='text/javascript'>\n"
   663    665          puts "tinyMCE.init({ mode : 'specific_textareas' , editor_selector : 'wikiedit', theme: 'advanced',width : '90%' } );"
   664    666          html "</script>\n"
   665    667      }
   666    668   &lt;/th1&gt;
   667    669   </pre>
   668    670   and save.
          671  +
          672  +
          673  +<a name='js_local'><h3>Using local installed javascript libraries</h3></a>
          674  +<p>Under firefox with the extension locallink you can install javascript libraries locally.</p>
          675  +
          676  +<p>It seems that it is also possible with IE7 because that allows local access. For chrome there is an extension <a href='https://chrome.google.com/extensions/detail/jllpkdkcdjndhggodimiphkghogcpida'>locallink</a> But I couldn't get it to work.
          677  +</p>
          678  +<p>The advantage of this is that your repository doesn't contains the javascript library. And for each project you only have to adjust the header</p>
          679  +<h5> Example under windows with firefox</h5>
          680  +<pre class="verbatim">
          681  +    C:
          682  +    mkdir js
          683  +    download tinymce
          684  +    unzip in c:\js
          685  +    install <a href='https://addons.mozilla.org/en-US/firefox/addon/locallink'>locallink</a> in firefox
          686  +    follow instructions on <a href='https://addons.mozilla.org/en-US/firefox/addon/locallink/'>page</a>
          687  +</pre>
          688  +start fossil ui
          689  +Select admin/headers add after the &lt;/link&gt;
          690  +<pre class="verbatim">
          691  + &lt;th1&gt;
          692  +  if { &#91; string first $current_page "tktnew tktedit wikiedit wikiappend" ] } {
          693  +       html "<script type='text/javascript'\n"
          694  +       html "src='file:///c:/js/tinymce/jscripts/tiny_mce/tiny_mce.js'>\n"
          695  +       html "</script>\n"
          696  +       html " <script type='text/javascript'>\n"
          697  +       puts "tinyMCE.init({ mode : 'specific_textareas' , editor_selector : 'wikiedit', theme: 'advanced',width : '90%' } );"
          698  +       html "</script>\n"
          699  +   }
          700  +&lt;/th1&gt;
          701  +</pre>
          702  +and save.
          703  +
          704  +
          705  +
          706  +
   669    707   <a name="markitup"><h3>markitup!</h3></a>
   670    708   <p>
   671    709   Source: <a href="http://markitup.jaysalvat.com/home/"> Markitup </a>
   672    710   </p>
   673    711   <h5> Example</h5>
   674    712   <pre class="verbatim">
   675    713       mkdir markitup