为了账号安全,请及时绑定邮箱和手机立即绑定

怎么用iview的后台模板iview admin中的组件富文本编辑器上传文件昵?

怎么用iview的后台模板iview admin中的组件富文本编辑器上传文件昵?

蛊毒传说 2019-03-14 22:15:15
我是使用的iview admin的后台模板,就是弄不懂它的上传图片的方式?搜了很多都找不到方法解决。。。相关代码<style>    @import '../../../../styles/loading.less';</style><template>    <div>        <Card shadow>            <textarea class='tinymce-textarea' id="tinymceEditer"></textarea>        </Card>        <Spin fix v-if="spinShow">            <Icon type="load-c" size=18 class="demo-spin-icon-load"></Icon>            <div>加载组件中...</div>        </Spin>    </div></template><script>import tinymce from 'tinymce';export default {    name: 'text-editor',    data () {        return {            spinShow: true        };    },    methods: {        init () {            this.$nextTick(() => {                let vm = this;                let height = document.body.offsetHeight - 100;                tinymce.init({                    selector: '#tinymceEditer',                    branding: false,                    elementpath: true,                    height: height,                    language: 'zh_CN.GB2312',                    // menubar: 'edit insert view format table tools',                    plugins: [                        'advlist autolink lists link image charmap print preview hr anchor pagebreak imagetools',                        'searchreplace visualblocks visualchars code fullpage',                        'insertdatetime media nonbreaking save table contextmenu directionality',                        'emoticons paste textcolor colorpicker textpattern imagetools codesample'                    ],                    toolbar1: ' newnote print preview | undo redo | insert | styleselect | forecolor backcolor bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image emoticons media codesample',                    autosave_interval: '20s',                    image_advtab: true,                    table_default_styles: {                        width: '100%',                        borderCollapse: 'collapse'                    },点击插入图片,只有这两种情况,那怎么实现本地上传的昵?
查看完整描述

1 回答

?
达令说

TA贡献1821条经验 获得超6个赞

https://img1.sycdn.imooc.com//5caeaba500012fbc04300145.jpg

https://img1.sycdn.imooc.com//5caeaba60001ca1b04020021.jpg

https://img1.sycdn.imooc.com//5caeaba70001da5708000039.jpg

https://img1.sycdn.imooc.com//5caeaba8000132d308000016.jpg

https://img1.sycdn.imooc.com//5caeaba90001407f05920197.jpg

https://img1.sycdn.imooc.com//5caeabaa0001180503530173.jpg

查看完整回答
反对 回复 2019-04-11
  • 1 回答
  • 0 关注
  • 3504 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信