| | |
|---|
| | | <template> |
|---|
| | | <div class="tinymce-box"> |
|---|
| | | <div class="tinymce-box" style="height: 100%"> |
|---|
| | | <editor |
|---|
| | | v-model="myValue" |
|---|
| | | :init="init" |
|---|
| | |
|---|
| | | }, |
|---|
| | | plugins: { |
|---|
| | | type: [String, Array], |
|---|
| | | default: 'print preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media template code codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists wordcount imagetools textpattern emoticons autosave bdmap indent2em autoresize formatpainter axupimgs' |
|---|
| | | default: 'print preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media template code codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists wordcount imagetools textpattern help emoticons autosave bdmap indent2em autoresize formatpainter axupimgs', |
|---|
| | | }, |
|---|
| | | toolbar: { |
|---|
| | | type: [String, Array], |
|---|
| | |
|---|
| | | language: 'zh_CN', |
|---|
| | | skin_url: `/static/tinymce/skins/ui/oxide`, |
|---|
| | | convert_urls: false, |
|---|
| | | fullscreen_native: false, |
|---|
| | | height: 500, |
|---|
| | | // content_css（为编辑区指定css文件）,加上就不显示字数统计了 |
|---|
| | | content_css: `/static/tinymce/skins/content/default/content.css`, |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | </script> |
|---|
| | | <style scoped> |
|---|
| | | .tinymce-box{ |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | <style> |
|---|
| | | div.tox.tox-tinymce.tox-tinymce--toolbar-sticky-off{ |
|---|
| | | height: 100% !important; |
|---|
| | | } |
|---|
| | | .tinymce-box{ |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
