ckeditor4 纯文本粘贴赋予默认字体解决方案

最新推荐文章于 2024-07-15 17:23:06 发布

New_Yao

最新推荐文章于 2024-07-15 17:23:06 发布

阅读量657

点赞数

分类专栏： ckeditor4 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/New_Yao/article/details/122993451

版权

ckeditor4 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文示例使用的

html
vue
ckeditor4

监听代码如下，作用是会在粘贴的文本外面包含一层p标签属性增加方法内的属性，可以自行修改

        <textarea class="border" id="contentText" 
                  name="docContentText" rows="5" cols="80"></textarea>


mounted: function () {
    const that = this;
    //初始化
    that.buildckeditor = CKEDITOR.replace('contentText', {height: '500px', width: '99%'});
            that.buildckeditor.on('instanceReady', function(ev) {
                ev.editor.dataProcessor.htmlFilter.addRules({
                    elements: {
                        p: function (e) { e.attributes.style = 'font-family:' + '仿宋_GB2312' + ';'; }
                    }
                });
            });
   
},