后台使用UEditor富文本编辑器设置的文本为楷体，在pc网页可以正常展示楷体，在移动端显示不了楷体，被统一显示了黑体还是什么的，自定义引入楷体也不行

Question

后台使用UEditor富文本编辑器设置的文本为楷体，在pc网页可以正常展示楷体，在移动端显示不了楷体，被统一显示了黑体还是什么的，反正不是楷体，自定义引入楷体也不行

Answer 1

【相关推荐】

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/669214
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：UEditor富文本编辑器上传图片打不开，提示“后端配置项没有正常加载，上传插件不能正常使用”
• 除此之外, 这篇博客: 百度富文本 ueditor 集成、踩坑、 修改笔记中的 问题二: 上传在控制台看请求返回结果是成功.但是页面提示上传错误 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  实际上是成功了的.我遇到的是情况特别怪.他的上传方式结果是从body来取得.我是因为用的Chrome,同时装了油猴插件.它会通过一些脚本来处理当前页面.结果导致json结构被破坏了.造成提示上传错误假象.用其他浏览器和停用油猴脚本就没问题.我之前查资料说修改为另外的提交方式,确实没问题.但是版本有差异的哈,注意它的代码if(response.success ),这里我的版本数据返回没有success字段,进不去,要修改通过state字段是"SUCCESS"来判断成功.而且好像里面的其他字段也有点差异.自己打断点看.这样直接使用返回的数据,油猴脚本确实就影响不到.但是没必要改,停用油猴就好了.

  //domUtils.on(iframe, 'load', callback);
  //form.action = utils.formatUrl(imageActionUrl + (imageActionUrl.indexOf('?') == -1 ? '?':'&') + params);
  //form.submit();
  var formdata = new FormData(form);
  var arr,reg=new RegExp("(^| )_token=([^;]*)(;|$)");
  var myForm = document.getElementById("myForm");
  var xhr= new XMLHttpRequest();
  xhr.open("POST", me.getOpt('serverUrl')+'?action=uploadimage', true);
  xhr.onreadystatechange = function() {
      if (xhr.readyState === 4)
          if ((xhr.status >=200 && xhr.status < 300) || xhr.status == 304)
              alert(xhr.responseText);
  }
  xhr.send(formdata);
  
  xhr.onreadystatechange = function () {
      if(xhr.readyState == 4) {
          console.log(xhr.responseText);
          var response = JSON.parse(xhr.responseText);
          if(response.success ){
              loader = me.document.getElementById(loadingId);
              loader.setAttribute('src', response.data.url);
              loader.setAttribute('_src', response.data.url);
              loader.setAttribute('title', response.data.title || '');
              loader.setAttribute('alt', response.data.original || '');
              loader.removeAttribute('id');
              domUtils.removeClasses(loader, 'loadingclass');
          }else
          {
              showErrorLoader && showErrorLoader(json.state);
          }
      }
  }

  正常返回结果本来是这样

  {"state": "SUCCESS","original": "sp190710_171455.png","size": "38280","title": "1562816660504070750.png","type": ".png","url": "/ueditor/jsp/upload/image/20190711/1562816660504070750.png"}

  但是在开启油猴,一些脚本影响后就变成了

  "{"state": "SUCCESS","original": "sp190710_171455.png","size": "38280","title": "1562816660504070750.png","type": ".png","url": "/ueditor/jsp/upload/image/20190711/1562816660504070750.png"}PANTOOL-PLUGIN {display: inline;cursor: pointer;}PANTOOL-PLUGIN-TIPS {white-space: nowrap;}.PANTOOL-PLUGIN-VALIDATE-NOTPASS {text-decoration: line-through;color: #ccc;}PANTOOL-PLUGIN-TIPS::before {background-position: center;background-size: 100% 100%;background-repeat: no-repeat;box-sizing: border-box;width: 1em;height: 1em;margin: 0 1px .15em 1px;vertical-align: middle;display: inline-block;}.PANTOOL-PLUGIN-VALIDATE-NOTPASS>PANTOOL-PLUGIN-TIPS::before {content: '';background-image: url(data:image/png;base64,iVBORw0KGgoAAAALAAAP80lEQVR4Xu2dfZAk5V3Hv7+ndxT/USNfAazIekrGk0AW94C5iaC40R0gZcAe2uLJ1mqbPZ…"

  不知道为什么会多了PANTOOL-PLUGIN后面这么多的东西.我省略了很多background-image的base编码.数据有四十多k.

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^