解决ueditor设置微软雅黑字体时的样式失效问题

在使用ueditor富文本编辑器设置微软雅黑字体时,可能会遇到样式失效的问题。这是因为编辑器会自动为Microsoft YaHei添加双引号,变成Microsoft YaHei,导致样式失效。

因为是行内样式所以会导致其他一些样式报错,所以可以通过编辑器内的unhtml方法对相关的字符进行替换。需要做非空判断,否则多图

原因

当设置微软雅黑字体时,编辑器会自动将字体名称变为Microsoft YaHei。然后,通过转义处理,字体名称会变成Microsoft YaHei。由于这是一个行内样式,这会导致其他一些样式报错。

解决方案

使用编辑器内的unhtml方法对相关的字符进行替换。在进行替换操作时,需要注意做非空判断,避免在多图上传、视频上传等功能中出现问题。请查看以下替换后的效果图。

修复UEditor字体失效示意图

关键词:ueditor,微软雅黑字体,样式失效,Microsoft YaHei,unhtml方法,字符替换文章来源地址https://www.toymoban.com/diary/apps/207.html

到此这篇关于解决ueditor设置微软雅黑字体时的样式失效问题的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/diary/apps/207.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用
上一篇 2023年08月19日 16:45
人生成功的秘诀是当好机会来临时,立刻抓住它
下一篇 2023年08月19日 16:45

相关文章

  • java生成PPT使用textRun.setFontFamily(“微软雅黑“)设置字体达不到预期的处理办法

    引入poi-ooxml依赖,XMLSlideShow对象可以读取和操作PPT。 TextRun对象可以设置PPT文本框中文字的风格,例如文字大小、字体颜色、是否加粗、是否下划线等等。 生成的PPT用wps打开,发现生成的汉字风格确实是微软雅黑,但是左上角显示Calibri (正文),并不是微软雅黑 生成的非汉字

    2024年02月03日
    浏览(73)
  • macOS Ventura13.0.1解决office缺少“宋体”等问题。安装微软雅黑、宋体等字体。

    最近在弄项目验收文档,文档格式要求宋体,用微软的Word打开文件保存时经常提示,系统不存在宋体字体,查了下是是Mac系统本身不存在该字体导致的,下载该字体,然后通过字体册安装就行。 我打包成压缩包了具体有以下几个字体文件: 一般Mac端缺少字体文件会有以下错

    2024年02月03日
    浏览(56)
  • openpyxl怎么修改文字字体为微软雅黑

    openpyxl怎么修改文字字体为微软雅黑 使用Openpyxl修改文字字体为微软雅黑,可以按照以下步骤进行操作: 导入Openpyxl模块和Font模块: 创建一个Workbook对象: 获取Worksheet对象: 设置字体为微软雅黑: 这样,A1单元格的字体就会被设置为微软雅黑。 完整代码: 为所有文字都设置

    2024年02月12日
    浏览(48)
  • PowerPoint VBA: 一键雅黑——一键将PPT所有内容改为微软雅黑字体

    用Office PowerPoint制作幻灯片时,微软雅黑是一款视觉效果较好的字体,而且所有Office都预置了该字体,不用担心字体未安装的情况。如何一键修改PPT所有内容的字体为“微软雅黑”?这里分享一个VBA小工具。

    2024年02月03日
    浏览(73)
  • CSS教程:如何在网页中设置字体为微软雅黑

    在网页设计和开发中,字体选择是非常重要的,因为它直接影响到网页的可读性和视觉效果。本教程将向您展示如何使用CSS在网页中将字体设置为微软雅黑。 引入字体文件: 首先,您需要在网页中引入微软雅黑字体文件。可以从您自己的服务器上托管字体文件,或者使用来

    2024年02月04日
    浏览(71)
  • Python制作含微软雅黑字体的图片报错,中文字体报错可用类似方式处理

    运行以上代码,关键错误提示见下: FileNotFoundError: [Errno 2] No such file or directory: \\\'C:/windows/fonts/微软雅黑’ 关键错误代码: 可是明明就有这个文件在对应目录呀: 鼠标右键复制以上标红的这个 微软雅黑 文件,然后粘贴这个文件到另一个文件夹,即可发现,这个 微软雅黑 ,其

    2024年02月15日
    浏览(55)
  • 忘掉MacType吧,TtfAutoHint手工删除ttc、ttf字体的hinting,微软雅黑字体更显平滑

    Windows的ClearType渲染字体方式,结合臭名昭著的hinting技术使微软雅黑字体备受争议,正所谓:成也hinting,败也hinting。 首先什么是hinting? Hinting 这个词一直都没有中文名称,我用粤语将它音译为“ 牵挺 ”。 个人解释: \\\"牵\\\" 可以理解为引导和调整,而 \\\"挺\\\" 则可以解释为挺拔

    2024年02月14日
    浏览(50)
  • 微信小程序自定义字体样式、字体修改、第三方字体设置

     博主介绍: 本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮

    2024年02月04日
    浏览(79)
  • 【微信小程序开发】字体样式设置

    目录 一.前言 二.案例实现 1.编写index.wxml代码 2.编写app.wxss文件代码代码 3.编写index.wxss文件代码 三.代码编译 本篇文章将介绍在设计微信小程序时,利用style和class两种方式来设置字体样式的方法。 我们的目标是做出以下效果。 在实现上图效果之前,首先要掌握一些基本知识

    2024年02月02日
    浏览(72)
  • QRadioButton设置字体和按钮样式(变大,调整颜色)

    今天用到了QRadioButton这个选择的按钮,这是默认的样式,发现在ui的属性里面没有可调节的选项,有点犯愁,查了会文档,最后发现只能用样式表来修改QRadioButton的样式 用样式表设置了样式后,圆形按钮变大了,字体颜色啥的也变了,好看多了,达到了想要的效果 样式代码如

    2024年02月11日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包