Ueditor加粗和斜体功能无效

最新推荐文章于 2024-02-01 13:59:40 发布

圆圆同学

最新推荐文章于 2024-02-01 13:59:40 发布

阅读量3.7k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： WEB前端解决方案文章标签： ueditor 富文本

本文链接：https://blog.csdn.net/yy1098029419/article/details/89522043

WEB前端解决方案专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决UEditor在处理HTML加粗和斜体样式时遇到的兼容性问题，通过修改源代码使和标签能正确显示，避免了原生HTML无法识别和的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原因

原有的加粗和斜体适用的标签分别的和,在原生HTML中无法识别。

解决办法

修改ueditor.all.js：

var basestyles = {
            'bold':['strong','b'],
            'italic':['em','i'],
            'subscript':['sub'],
            'superscript':['sup']
        }

改为：

var basestyles = {
            'bold':['b'],
            'italic':['i'],
            'subscript':['sub'],
            'superscript':['sup']
        }

删除或注释如下方法：

me.addInputRule(function(root){
        utils.each(root.getNodesByTagName('b i'),function(node){
            switch (node.tagName){
                case 'b':
                    node.tagName = 'strong';
                    break;
                case 'i':
                    node.tagName = 'em';
            }
        });
    });