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

最新推荐文章于 2024-06-04 11:22:32 发布

zhebe

最新推荐文章于 2024-06-04 11:22:32 发布

阅读量352

点赞数 5

文章标签：编辑器 node.js html5 javascript

本文链接：https://blog.csdn.net/qq_19788257/article/details/137810713

版权

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',
            ],
        });