liweichun
/
my-bookmark
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

使用pre标签显示备忘

This commit is contained in:
luchenqun 2017-05-05 11:13:49 +08:00
parent c2d42d97d2
commit 66658a1fbb
4 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/css/style.css
View File

@ -160,3 +160,12 @@ img.operator {
margin-bottom:5px;
font-size: 16px;
}
.note-content{
font: 15px "Lucida Grande", Helvetica, Arial, sans-serif;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}

4
public/views/dialog-del-note.html
View File

@ -1,8 +1,6 @@
<div class="ngdialog-message">
<h3>删除提示</h3>
<p ng-show="ngDialogId" style="word-break:break-all; word-wrap:break-word;">您确认要删除备忘:<br/><br/>
{{ content | characters:600:false }}
</p>
<pre ng-show="ngDialogId" class="note-content" style="margin-top:0px;">{{ content | characters:600:false }}</pre>
<p>如果删除该备忘，那么再也无法查看到。</p>
</div>
<div class="ngdialog-buttons">

3
public/views/dialog-detail-note.html
View File

@ -1,7 +1,6 @@
<div class="ngdialog-message">
<h3>备忘详情</h3>
<p style="word-break:break-all; word-wrap:break-word;">{{ content }}
</p>
<pre class="note-content" style="margin-top:0px;">{{ content }}</pre>
</div>
<div class="ngdialog-buttons">
<button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="closeThisDialog('button')">确定</button>

4
public/views/note.html
View File

@ -16,9 +16,9 @@
<div class="ui divider" ng-show="add"></div>
<div class="ui five stackable cards">
<div class="card" ng-repeat="note in notes" id="{{note.id}}">
<div class="content" style="max-height:200px;margin-bottom:8px;">
<div class="content" style="max-height:200px;margin-bottom:8px;" ng-dblclick="detailNote(note.content)">
<div class="description" style="word-break:break-all;width:175px;max-height:184px;line-height:21px; word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;">
{{ note.content }}
<pre class="note-content" style="margin-top:0px;">{{ note.content }}</pre>
</div>
</div>
<div class="extra content" ng-show="!note.edit" style="height:50px;padding-right:2px;padding-left:8px;">