%STARTINCLUDE%
%ADDTOZONE{"head" topic="%TOPIC%" section="head"}%
%ADDTOZONE{"body" requires="JQUERYPLUGIN" text="
%INCLUDE{"%TOPIC%" section="body" headingbuttons="%headingbuttons%"}%
"}%
%STOPINCLUDE%
%STARTSECTION{type="section" name="body"}%
<script type='text/javascript' src='%ATTACHURL%/jquery.markitup.pack.js'></script>
<script language='javascript'>
jQuery(function(){
    $('%target%').markItUp(miueWikiSettings)%IF{"'%headingbuttons%' = 'yes'" else="
      .parent().find('.markItUpButton1, .markItUpButton2, .markItUpButton3, .markItUpButton4, .markItUpButton5, .markItUpButton6').hide()"}%;
});
</script>
%ENDSECTION{name="body"}%
Note that miueWikiSettings is being added to head because in the body it gets 'rendered' which screws things up.
%STARTSECTION{type="section" name="head"}%
<link rel='stylesheet' type='text/css' href='%ATTACHURL%/style.css' />
<link rel='stylesheet' type='text/css' href='%ATTACHURL%/wikistyle.css' />
<script language='javascript'>
var miueWikiSettings = {
   previewParserPath:   '%SCRIPTURL{rest}%/RenderPlugin/render',
   previewTemplatePath: '%ATTACHURL%/Preview.html',
   previewParserVar: 'text',
    previewAutoRefresh: 0,
    resizeHandle: true,
   onShiftEnter:      {keepDefault:false, replaceWith:'\n\n'},
   onTab:          {keepDefault:false, openWith:'   * ', placeHolder:''},
   markupSet: [
      {name:'Heading 1', key:'1', openWith:'---+ ', placeHolder:'Your title here...' },
      {name:'Heading 2', key:'2', openWith:'---++ ', placeHolder:'Your title here...' },
      {name:'Heading 3', key:'3', openWith:'---+++ ', placeHolder:'Your title here...' },
      {name:'Heading 4', key:'4', openWith:'---++++ ', placeHolder:'Your title here...' },
      {name:'Heading 5', key:'5', openWith:'---+++++ ', placeHolder:'Your title here...' },
      {name:'Heading 6', key:'6', openWith:'---++++++ ', placeHolder:'Your title here...' },
      {separator:'---------------' },      
      {name:'Bold', key:'B', openWith:'*', closeWith:'*'}, 
      {name:'Italic', key:'I', openWith:'_', closeWith:'_'}, 
      {name:'Stroke through', key:'S', openWith:'<del>', closeWith:'</del>'}, 
      {separator:'---------------' },
      {name:'Bulleted list', key:'U', openWith:'   * '}, 
      {name:'Numeric list', key:'O', openWith:'   1 '}, 
      {separator:'---------------' },
      {name:'Picture', key:'P', replaceWith:'<img src="[![Source:!:%<nop>ATTACHURL%/]!]" alt="[![Alternative text]!]" />' },
      {name:'Link', key:'L', openWith:'[[[![Link]!]][', closeWith:']]', placeHolder:'Your text to link here...' },
      {name:'Url', openWith:'[[[![Url:!:http://]!]][', closeWith:']]', placeHolder:'Your text to link here...' },
      {separator:'---------------' },
      {name:'Quotes', openWith:'<blockquote>', closeWith:'</blockquote>', placeHolder:''},
      {name:'Code', openWith:'(!(<source lang="[![Language:!:php]!]">|!|<pre>)!)', closeWith:'(!(</source>|!|</pre>)!)'}, 
      {separator:'---------------' },
      {name:'Colors', openWith:'%[![Color in UPPERCASE]!]%', closeWith:'%ENDCOLOR%', dropMenu: [
          {name:'Yellow', openWith:'%<nop>YELLOW%', closeWith:'%<nop>ENDCOLOR%', className:'col1-1' },
          {name:'Orange', openWith:'%<nop>ORANGE%', closeWith:'%<nop>ENDCOLOR%', className:'col1-2' },
          {name:'Red', openWith:'%<nop>RED%', closeWith:'%<nop>ENDCOLOR%', className:'col1-3' },
          {name:'Blue', openWith:'%<nop>BLUE%', closeWith:'%<nop>ENDCOLOR%', className:'col2-1' },
          {name:'Purple', openWith:'%<nop>PURPLE%', closeWith:'%<nop>ENDCOLOR%', className:'col2-2' },
          {name:'Green', openWith:'%<nop>GREEN%', closeWith:'%<nop>ENDCOLOR%', className:'col2-3' },
          {name:'White', openWith:'%<nop>WHITE%', closeWith:'%<nop>ENDCOLOR%', className:'col3-1' },
          {name:'Gray', openWith:'%<nop>GRAY%', closeWith:'%<nop>ENDCOLOR%', className:'col3-2' },
          {name:'Black', openWith:'%<nop>BLACK%', closeWith:'%<nop>ENDCOLOR%', className:'col3-3' }
      ]},
      {name:'Smilies', replaceWith:'', dropMenu: [
          {name:'smile', replaceWith:' :) ', className:'col1-1' },
          {name:'cool', replaceWith:' 8-) ', className:'col1-2' },
          {name:'indifferent', replaceWith:' :-I ', className:'col1-3' },
          {name:'frown', replaceWith:' :( ', className:'col2-1' },
          {name:'embarrassment', replaceWith:' :o ', className:'col2-2' },
          {name:'big grin', replaceWith:' :D ', className:'col2-3' },
          {name:'wink', replaceWith:' ;) ', className:'col3-1' },
          {name:'stick out tongue', replaceWith:' :p ', className:'col3-2' },
          {name:'roll eyes (sarcastic)', replaceWith:' :rolleyes: ', className:'col3-3' },
        {name:'mad!', replaceWith:' :mad: ', className:'col4-1' },
        {name:'eek!', replaceWith:' :eek: ', className:'col4-2' },
        {name:'confused', replaceWith:' :confused: ', className:'col4-3' },
        {name:'hehe!', replaceWith:' :devil: ', className:'col5-1' },
        {name:'hehe! (friendly)', replaceWith:' :devilish: ', className:'col5-2' },
        {name:'sealed lips', replaceWith:' :-X ', className:'col5-3' },
        {name:'thumbs up', replaceWith:' :ok: ', className:'col6-1' },
        {name:'yes', replaceWith:' :yes: ', className:'col6-2' },
        {name:'no', replaceWith:' :no: ', className:'col6-3' }
      ]},
      {separator:'---------------' },
      {name:'Preview', call:'preview', className:'preview'}
   ]
};
</script>
%ENDSECTION{name="head"}%

Topic attachments
I Attachment Action Size Date WhoSorted ascending Comment
jquery.markitup.pack.jsjs jquery.markitup.pack.js manage 6 K 18 Aug 2010 - 08:46 DevinBougie  
preview.htmlhtml preview.html manage 466 bytes 18 Aug 2010 - 08:46 DevinBougie  
set.jsjs set.js manage 2 K 18 Aug 2010 - 08:46 DevinBougie  
style.csscss style.css manage 2 K 18 Aug 2010 - 08:46 DevinBougie  
wikistyle.csscss wikistyle.css manage 4 K 18 Aug 2010 - 08:46 DevinBougie  
This topic: System > JQueryMarkItUpEditor
Topic revision: 21 Aug 2018, DevinBougie
This site is powered by FoswikiCopyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding CLASSE Wiki? Send feedback