2013-02-04 68 views
0

我使用MarkitUp bbcode編輯器,但我無法弄清楚如何使用預覽系統。 我想在編輯器上編寫時顯示類似於stackoverflow的預覽。markItUp bbcode編輯器,預覽沒有渲染

這裏是鏈接到MarkitUp:我認爲你需要

var mySettings = { 
    onShiftEnter: {keepDefault:false, replaceWith:'<br />\n'}, 
    onCtrlEnter: {keepDefault:false, openWith:'\n<p>', closeWith:'</p>'}, 
    onTab:   {keepDefault:false, replaceWith:' '}, 
    markupSet: [ 
     {name:'Bold', key:'B', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' }, 
     {name:'Italic', key:'I', openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)' }, 
     {name:'Stroke through', key:'S', openWith:'<del>', closeWith:'</del>' }, 
     {separator:'---------------' }, 
     {name:'Bulleted List', openWith:' <li>', closeWith:'</li>', multiline:true, openBlockWith:'<ul>\n', closeBlockWith:'\n</ul>'}, 
     {name:'Numeric List', openWith:' <li>', closeWith:'</li>', multiline:true, openBlockWith:'<ol>\n', closeBlockWith:'\n</ol>'}, 
     {separator:'---------------' }, 
     {name:'Picture', key:'P', replaceWith:'<img src="[![Source:!:http://]!]" alt="[![Alternative text]!]" />' }, 
     {name:'Link', key:'L', openWith:'<a href="[![Link:!:http://]!]"(!(title="[![Title]!]")!)>', closeWith:'</a>', placeHolder:'Your text to link...' }, 
     {separator:'---------------' }, 
     {name:'Clean', className:'clean', replaceWith:function(markitup) { return markitup.selection.replace(/<(.*?)>/g, "") } },  
     {name:'Preview', className:'preview', call:'preview', previewPosition: 'after'} 
    ] 
} 

預覽設置在底部,但不會工作;-(

回答