首页 > webfront > SGML > web > > 正文

UEditor自定义标题功能修改— 比如h1标题修改为h2

发布人:zhoulujun    点击:

采用百度UEditor,里面坑很多,比如针对xss的白名单机制,svg完全过滤,当然SEO里面也有很多坑。比如自定义标题功能。但是,不管怎么样,还是轮子还是别人的香!所以,自己动手,改造。

发现,UEditor本身给文章加的标题都是h1,但是,seo里面,h1标题可是网页标题啊。强调是strong,但是,文本编辑器本身就有加粗(strong)功能。

Screen Shot 2018-05-29 at 17.23.06.png

那么,就的自己动手改造一番。

搜索,'标题居中‘,在zh-cn.js  出现,然后改造为:

    'customstyle':{
        'tc':'h2标题居中',
        'tl':'h2标题居左',
        'im':'h3标题居中',
        'hi':'h3标题居左'
    },

然后,在以 customstyle搜索,发现ueditor.all.js出现UE.plugins['customstyle']=function() {},改造如下:

    me.setOpt({ 'customstyle':[
        {tag:'h2',name:'tc'},
        {tag:'h2',name:'tl'},
        {tag:'h3',name:'im'},
        {tag:'h3',name:'hi'}
    ]});

然后上传,发现有效