如果你能帮助我,我真的很感激它 – 很多!@H_502_3@
我已经做到了这一点(嘲笑编解码器的例子)@H_502_3@
我想要的是:@H_502_3@
我到目前为止做了什么@H_502_3@
通过bower下载以下libs(jquery,bootstrap,bootstrap-markdown,to-bootstrap,markdown),并将这些文件复制到js / vendor文件夹@H_502_3@
> jquery.js(v2.1.1)
> bootstrap.js(v3.1.1)
> bootstrap-markdown.js(v2.5.0)
> he.js(v0.4.1)
> to-markdown.js(无版本号)
> markdown.js(无版本号)@H_502_3@
的index.html@H_502_3@
<!doctype html> <html> <head> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/bootstrap-markdown.min.css" rel="stylesheet"> <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> <link href="css/style.css" rel="stylesheet"> <script src="js/vendor/jquery.js"></script> <script src="js/vendor/bootstrap.js"></script> <script src="js/vendor/markdown.js"></script> <script src="js/vendor/bootstrap-markdown.js"></script> <script src="js/vendor/he.js"></script> <script src="js/vendor/to-markdown.js"></script> </head> <body> <div class="container"> <form> <textarea name="content" data-provide="markdown-editable" rows="2" class="status-Box md-input"_>### Hello World *This* **is** the ***ultimate test***. </textarea> </form> <div class="button-group pull-right"> <p class="counter">140</p> <a href="#" class="btn btn-primary btn-post">Post</a> </div> <ul class='rows'> <ul class="posts list-inline"> </ul> </ul> </div> <script src="js/vendor/showdown.js"></script> <script type='text/javascript' src="js/app.js"></script> </body> </html>
我实际上认为这是正确的安装插件(我最初的想法是,我没有安装插件正确,这是为什么我无法使它的工作)。@H_502_3@
但是如何通过bootstrap-markdown API的.getContent()和.parseContent()获取textarea中的内容,而不是使用.getVal()并通过showdown将该字符串转换为html?@H_502_3@
到目前为止,我可以这样做@H_502_3@
app.js@H_502_3@
$(".status-Box").markdown({ savable:true,onSave: function(e) { $('<li class="col-xs-6 pull-left raw-markdown">').append( e.getContent() ).prependTo('.posts'); $('<li class="col-xs-6 pull-right end-markdown">').append( e.parseContent() ).prependTo('.posts'); } });
哪个是好的但是我想通过“发布”按钮可以访问。@H_502_3@
我试过没有运气:@H_502_3@
var post; $(".status-Box").markdown( post = e.getContent() );
解决方法
所以你必须得到markdown实例,我检查了插件,这是可能的(可恶的但可能的:-)@H_502_3@
如果你想在你的帖子点击功能中访问它,你必须以这种方式访问它:@H_502_3@
>获取markdown元素
>通过数据(‘markdown’)获取markdown实例
>使用parseContent函数@H_502_3@
码:@H_502_3@
$(".btn-post").click(function (e) { post = $('.status-Box').data('markdown').parseContent(); console.log(post) });