Jquery markItUp bbcode编辑器,预览而不是渲染
我正在使用MarkitUp bbcode编辑器,但我不知道如何使用预览系统。 当我在编辑器上写作时,我想显示一个类似stackoverflow的预览 以下是指向MarkitUp的链接: 以下是我尝试过的:Jquery markItUp bbcode编辑器,预览而不是渲染,jquery,jquery-plugins,Jquery,Jquery Plugins,我正在使用MarkitUp bbcode编辑器,但我不知道如何使用预览系统。 当我在编辑器上写作时,我想显示一个类似stackoverflow的预览 以下是指向MarkitUp的链接: 以下是我尝试过的: var mySettings = { onShiftEnter: {keepDefault:false, replaceWith:'<br />\n'}, onCtrlEnter: {keepDefault:false, openWith:'\n<p
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'}
]
}
var mySettings={
onShift输入:{keepDefault:false,替换为:'
\n'},
onCtrlEnter:{keepDefault:false,openWith:'\n',closeWith:''},
onTab:{keepDefault:false,替换为:''},
标记:[
{name:'Bold',key:'B',openWith:'(!(|!)!),closeWith:'(!(|!)!)},
{name:'Italic',key:'I',openWith:'(!(!!)!)',closeWith:'(!(!!)!)},
{name:'Stroke through',key:'S',openWith:'',closeWith:''},
{分隔符:'-------------'},
{名称:'Bulleted List',openWith:'',closeWith:' ',多行:true,openBlockWith:'\n',closeBlockWith:'\n
'},
{name:'Numeric List',openWith:'',closeWith:' ',多行:true,openBlockWith:'\n',closeBlockWith:'\n'},
{分隔符:'-------------'},
{名称:'Picture',键:'P',替换为:''},
{name:'Link',key:'L',openWith:'',占位符:'yourtexttolink…',
{分隔符:'-------------'},
{name:'Clean',className:'Clean',replaceWith:function(markitup){return markitup.selection.replace(//g,“”)},
{name:'Preview',className:'Preview',call:'Preview',previewPosition:'after'}
]
}
预览设置在底部,但不起作用-(我认为需要在mySettings变量中设置previewParserPath。 我认为违约是: previewParserPath:“~/sets/bbcode/preview.php”