You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
3.5 KiB
1 line
3.5 KiB
3 years ago
|
<view class="index-box"><view class="container"><editor class="ql-container" id="editor" show-img-size="{{true}}" read-only="{{isEdit}}" show-img-resize="{{true}}" show-img-toolbar="{{true}}" placeholder="{{placeholder}}" data-event-opts="{{[['statuschange',[['onStatusChange',['$event']]]],['ready',[['onEditorReady',['$event']]]]]}}" bindstatuschange="__e" bindready="__e"></editor></view><view data-event-opts="{{[['touchend',[['format',['$event']]]]]}}" class="toolbar" style="{{('bottom: '+(isIOS?keyboardHeight:0)+'px')}}" catchtouchend="__e"><view data-event-opts="{{[['touchend',[['insertImage',['$event']]]]]}}" class="iconfont icon-charutupian _i" catchtouchend="__e"></view><view class="{{['_i','iconfont icon-format-header-1 '+(formats.header===1?'ql-active':'')]}}" data-name="header" data-value="{{1}}"></view><view class="{{['_i','iconfont icon-format-header-2 '+(formats.header===2?'ql-active':'')]}}" data-name="header" data-value="{{2}}"></view><view class="{{['_i','iconfont icon-format-header-3 '+(formats.header===3?'ql-active':'')]}}" data-name="header" data-value="{{3}}"></view><view class="{{['_i','iconfont icon-zitijiacu '+(formats.bold?'ql-active':'')]}}" data-name="bold"></view><view class="{{['_i','iconfont icon-zitishanchuxian '+(formats.strike?'ql-active':'')]}}" data-name="strike"></view><view class="{{['_i','iconfont icon-zitixieti '+(formats.italic?'ql-active':'')]}}" data-name="italic"></view><view class="{{['_i','iconfont icon-zuoduiqi '+(formats.align==='left'?'ql-active':'')]}}" data-name="align" data-value="left"></view><view class="{{['_i','iconfont icon-juzhongduiqi '+(formats.align==='center'?'ql-active':'')]}}" data-name="align" data-value="center"></view><view class="{{['_i','iconfont icon-youduiqi '+(formats.align==='right'?'ql-active':'')]}}" data-name="align" data-value="right"></view><view class="{{['_i','iconfont icon-zuoyouduiqi '+(formats.align==='justify'?'ql-active':'')]}}" data-name="align" data-value="justify"></view><view class="{{['_i','iconfont icon-line-height '+(formats.lineHeight?'ql-active':'')]}}" data-name="lineHeight" data-value="2"></view><view data-event-opts="{{[['tap',[['removeFormat',['$event']]]]]}}" class="iconfont icon-clearedformat _i" bindtap="__e"></view><view class="{{['_i','iconfont icon-font '+(formats.fontFamily?'ql-active':'')]}}" data-name="fontFamily" data-value="Pacifico"></view><view class="{{['_i','iconfont icon-fontsize '+(formats.fontSize==='24px'?'ql-active':'')]}}" data-name="fontSize" data-value="24px"></view><view class="{{['_i','iconfont icon-text_color '+(formats.color===fontColor?'ql-active':'')]}}" data-name="color" data-value="{{fontColor}}" data-event-opts="{{[['tap',[['open',['$event']]]]]}}" bindtap="__e"></view><view class="{{['_i','iconfont icon-fontbgcolor '+(formats.backgroundColor==='#00ff00'?'ql-active':'')]}}" data-name="backgroundColor" data-value="#00ff00"></view><view data-event-opts="{{[['tap',[['insertDate',['$event']]]]]}}" class="iconfont icon-date _i" bindtap="__e"></view></view><t-color-picker class="vue-ref" vue-id="7aefe68d-1" color="{{color}}" data-ref="colorPicker" data-event-opts="{{[['^confirm',[['confirm']]],['^cancel',[['cancel']]]]}}" bind:confirm="__e" bind:cancel="__e" bind:__l="__l"></t-color-picker><view class="btn-box"><view class="preview-btn" id="2" data-event-opts="{{[['tap',[['store',['$event']]]]]}}" bindtap="__e">预览</view><view class="preview-btn" id="1" data-event-opts="{{[['tap',[['store',['$event']]]]]}}" bindtap="__e">保存</view></view></view>
|