feat(forums): add bootstrap-markdown editor into post new topic page

This commit is contained in:
OldHawk
2017-07-07 15:38:27 +08:00
parent a89ad6a93b
commit 011e2212ed
5 changed files with 39 additions and 3 deletions

View File

@@ -18,6 +18,13 @@
* init
*/
vm.init = function () {
$("#postContent").markdown({
autofocus:false,
savable:false,
iconlibrary: 'fa',
resize: 'vertical'
});
// get forum info by state params
ForumsService.get({
forumId: $stateParams.forumId

View File

@@ -126,3 +126,18 @@
border-bottom: none;
}
}
.md-editor {
textarea {
border-bottom: none;
background-color: #fff;
min-height: 250px;
padding: 5px;
}
.md-preview {
padding: 5px;
}
}
.post-view {
}

View File

@@ -28,9 +28,19 @@
<div class="path margin-top-20">
<ol class="breadcrumb">
<li><a ui-sref="forums.list"><span class="small glyphicon glyphicon-home"></span> {{'FORUMS.HOME_INDEX' | translate}}</a></li>
<li ng-repeat="p in vm.forumPath" ng-class="{'active': !g.state}"><a ui-sref="{{p.state}}( {{p.params}} )" ng-if="p.state!=undefined">{{p.name}}</a><span ng-if="p.state==undefined">{{p.name}}</span></li>
<li ng-repeat="p in vm.forumPath" ng-class="{'active': !g.state}"><a ui-sref="{{p.state}}( {{p.params}} )"
ng-if="p.state!=undefined">{{p.name}}</a><span
ng-if="p.state==undefined">{{p.name}}</span></li>
</ol>
</div>
</div>
<div class="container post-view">
<div class="row">
<div class="col-md-8">
<input class="form-control margin-bottom-10" name="title" type="text" placeholder="{{'FORUMS.FIELDS.TITLE' | translate}}"/>
<textarea id="postContent" name="content"></textarea>
</div>
</div>
</div>
</section>