关于Jodit编辑器使用的小提示

Jodit众所周知,比较强大,但是总有点摸不着头脑

那就说说我是如何理解的

首先打开官方网站Jodit,然后比较难理解有些配置(左侧的option配置项),那就是说一说:

jodit_editor = Jodit.make('#knowledge_article_content',{
            width: '100%',
            height: '470px',
            defaultHeight: '100%',
            language: 'zh_cn', //中文
            allowResizeY: false, //隐藏右下角resize图标,必须同时设置allowResizeX才生效
            allowResizeX:false, //隐藏右下角resize图标,必须同时设置allowResizeY才生效
            hidePoweredByJodit:true, //是否隐藏Powered By xxx字样
            showWordsCounter:false, //显示输入了几个单词,无脑设置false
            showCharsCounter:true, //展示当前输入了多少个字符
            //limitWords:2000, //限制单词数量,无脑丢弃
            limitChars: 20000, //可以是数字和Boolean类型,限制字符长度
            uploader: {
                url: '/api',//服务器地址
                prepareData: function (formdata) {
                    formdata.append('access_token', config.getToken().access_token);
                },
                headers: {
                    'Authorization': 'Bearer ' + config.getToken().access_token
                },
                processFileName: (key, file, name) => {
                    return ['file', file, name];
                }
            },
            buttons: [
                'bold',
                'strikethrough',
                'underline',
                'italic', '|',
                'ul',
                'ol', '|',
                'outdent', 'indent',  '|',
                'font',
                'fontsize',
                'brush',
                'lineHeight',
                'paragraph', '|',
                'image',
                // 'video',
                'table',
                'link', '|',
                'align', 'undo', 'redo', '|',
                'hr',
                'eraser',
                'copyformat', '|',
                'fullsize',
                // 'preview',
                // 'print',
            ],
        });
为啥要设置showWordsCounter为false和丢弃limitWords,因为我们基本都是中文,统计不了单词的概念。

其他的情况,要设置其他不常用的配置,请参考文档,看不懂就用google翻译下就行!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值