描述使用普通textarea

This commit is contained in:
luchenqun 2018-05-15 15:01:35 +08:00
parent c52a44384e
commit daf79e71f2
3 changed files with 61 additions and 62 deletions

View File

@ -27,7 +27,7 @@ app.controller('bookmarkInfoCtr', ['$scope', '$state', '$timeout', '$sce', '$win
.then((data) => { .then((data) => {
$scope.content = data.content ? $sce.trustAsHtml(data.content) : $sce.trustAsHtml('<p>数据获取失败可能是服务器不允许获取或者是https网站</p>'); $scope.content = data.content ? $sce.trustAsHtml(data.content) : $sce.trustAsHtml('<p>数据获取失败可能是服务器不允许获取或者是https网站</p>');
setTimeout(function() { setTimeout(function() {
$('.ui.modal.js-bookmark-info').modal("refresh"); $('.ui.modal.js-bookmark-info').modal && $('.ui.modal.js-bookmark-info').modal("refresh");
}, 100); }, 100);
$scope.loading = false; $scope.loading = false;
}) })

View File

@ -13,16 +13,22 @@
<div class="ui vertically divided grid"> <div class="ui vertically divided grid">
<div class="one column row"> <div class="one column row">
<div class="column"> <div class="column">
<img class="ui middle aligned mini image" ng-src="{{bookmark.favicon_url}}" style="width:16px;height:16px;padding:0;cursor:pointer;" ng-click="jumpToUrl(bookmark.url, bookmark.id)" favicon-err="./images/favicon/{{bookmark.id}}.ico" title="点击跳转到原页面"> <img class="ui middle aligned mini image" ng-src="{{bookmark.favicon_url}}" style="width:16px;height:16px;padding:0;cursor:pointer;"
<span ng-click="jumpToUrl(bookmark.url, bookmark.id)" style="cursor:pointer;" title="点击跳转到原页面">网页地址</span><span title="点击复制链接" ng-click="copy(bookmark.url)" class="urlSpan">{{bookmark.url}} ng-click="jumpToUrl(bookmark.url, bookmark.id)" favicon-err="./images/favicon/{{bookmark.id}}.ico"
<span></div> title="点击跳转到原页面">
<span ng-click="jumpToUrl(bookmark.url, bookmark.id)" style="cursor:pointer;" title="点击跳转到原页面">网页地址</span>
<span title="点击复制链接" ng-click="copy(bookmark.url)" class="urlSpan">{{bookmark.url}}
<span>
</div>
</div> </div>
<div class="two column row"> <div class="two column row">
<div class="column"> <div class="column">
<i class="add to calendar icon"></i>创建日期:<span>{{bookmark.created_at}}</span> <i class="add to calendar icon"></i>创建日期:
<span>{{bookmark.created_at}}</span>
</div> </div>
<div class="column"> <div class="column">
<i class="calendar icon"></i>最后点击:<span>{{bookmark.last_click}}</span> <i class="calendar icon"></i>最后点击:
<span>{{bookmark.last_click}}</span>
</div> </div>
</div> </div>
<div class="two column row"> <div class="two column row">
@ -47,12 +53,12 @@
</div> </div>
</div> </div>
<div class="ui divider"></div> <div class="ui divider"></div>
<div class="content" style="padding:0 0 0 20px"> <div class="content" style="padding:0 10px 0 20px">
<div class="description"> <div class="description">
<div class="ui header"> <div class="ui header">
描述信息 描述信息
</div> </div>
<p ng-bind-html="bookmark.description"></p> <pre style="word-break:break-all;white-space: pre-wrap;">{{ bookmark.description }}</pre>
</div> </div>
</div> </div>
<div class="ui divider"></div> <div class="ui divider"></div>

View File

@ -35,15 +35,8 @@
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<label>描述</label> <label>内容</label>
<div <textarea name="text" rows="6" placeholder="可以是网站的说明,也可以备忘一下账号或者摘抄内容,就算公开你的链接,这个也只有自己能在详情里面看到" ng-model="description"></textarea>
style="border-radius:4px;border:1px solid #DEDEDE;min-height:88px;"
name="text"
ng-model="description"
required
medium-editor
bind-options="{'placeholder': {text: '可以是网站的说明,也可以备忘一下账号或者摘抄内容,就算公开你的链接,这个也只有自己能在详情里面看到'},
'buttons': ['bold', 'italic', 'underline', 'header1', 'header2', 'quote', 'orderedlist', 'unorderedlist']}"></div>
</div> </div>
<div class="field"> <div class="field">
<div class="ui checkbox checked js-public"> <div class="ui checkbox checked js-public">