집 > 기사 > 백엔드 개발 > Baidu Editor에서 '가짜 노래' 및 '가짜 노래 GB2312'를 추가하는 방법

Baidu Editor에서 '가짜 노래' 및 '가짜 노래 GB2312'를 추가하는 방법

XuPing.Yang원래의: 2022-02-12 14:26:292919검색

Baidu Editor는 개발 과정에서 자주 사용되는 편집기입니다. 기능이 Word와 유사하기 때문에 다양한 프로젝트 개발에서 많은 개발자가 사용합니다. 그러나 최근에 제가 접한 편집기와 같은 특별한 상황에 직면할 때가 있습니다. 고등 교육 기관의 고객이 웹 사이트에 게시된 기사가 모조 노래 글꼴 또는 국가 표준 모조 노래 글꼴, 즉 "모조 노래" 및 "모조 노래 GB2312"이어야 하지만 Baidu Rich Text의 공식 버전이어야 한다고 요구했습니다. 에디터에서는 이를 제공하지 않습니다. "Fake Song"과 "Fake Song GB2312" 두 가지 글꼴이 있습니다.

편집자는 다양한 자료를 참고하여 바이두 에디터에서 '팡송'과 '팡송 GB2312' 두 가지 글꼴을 추가하는 방법을 아래와 같이 정리했습니다.

먼저 "Fang Song"과 "Fang Song GB2312" 두 가지 글꼴을 추가하기 전에 이 두 글꼴이 개발 응용 프로그램에서 어떻게 표현되는지 알아야 합니다. 공식 문서에 있는 글꼴은 다음과 같습니다.

&#39;songti&#39;:&#39;宋体&#39;,
&#39;kaiti&#39;:&#39;楷体&#39;,
&#39;heiti&#39;:&#39;黑体&#39;,
&#39;lishu&#39;:&#39;隶书&#39;,
&#39;yahei&#39;:&#39;微软雅黑&#39;,
&#39;andaleMono&#39;:&#39;andale mono&#39;,
&#39;arial&#39;: &#39;arial&#39;,
&#39;arialBlack&#39;:&#39;arial black&#39;,
&#39;comicSansMs&#39;:&#39;comic sans ms&#39;,
&#39;impact&#39;:&#39;impact&#39;,
&#39;timesNewRoman&#39;:&#39;times new roman&#39;

개발 과정에서 사용되는 글꼴에는 고유한 표현 방법이 있는 경우가 많다는 것을 어렵지 않게 찾을 수 있습니다. 편집자는 검색을 통해 개발 과정에서 일반적으로 사용되는 일부 글꼴의 표현 방법을 다음과 같이 요약했습니다.

华文细黑：STHeiti Light [STXihei] 
华文黑体：STHeiti 
华文楷体：STKaiti 
华文宋体：STSong 
华文仿宋：STFangsong 
俪黑 Pro：LiHei Pro Medium 
俪宋 Pro：LiSong Pro Light 
标楷体：BiauKai 
苹果俪中黑：Apple LiGothic Medium 
苹果俪细宋：Apple LiSung Light 
新细明体：PMingLiU 
细明体：MingLiU 
标楷体：DFKai-SB 
黑体：SimHei 
宋体：SimSun 
新宋体：NSimSun 
仿宋：FangSong 
楷体：KaiTi 
仿宋_GB2312：FangSong_GB2312 
楷体_GB2312：KaiTi_GB2312 
微软正黑体：Microsoft JhengHei 
微软雅黑体：Microsoft YaHei 
隶书：LiSu 
幼圆：YouYuan 
华文细黑：STXihei 
华文楷体：STKaiti 
华文宋体：STSong 
华文中宋：STZhongsong 
华文仿宋：STFangsong 
方正舒体：FZShuTi 
方正姚体：FZYaoti 
华文彩云：STCaiyun 
华文琥珀：STHupo 
华文隶书：STLiti 
华文行楷：STXingkai 
华文新魏：STXinwei

여기에서 개발 과정에서 "Fang Song"과 "Fang Song GB2312"의 표시 방법이 각각 FangSong과 FangSong_GB2312라는 것을 쉽게 알 수 있으므로 다음에 해야 할 일은 이 두 가지를 추가하는 것입니다. Baidu Rich Text Editor의 글꼴 해당 위치만 있으면 됩니다.

과정은 다음과 같습니다.

1. ueditor/lang/zh-cn/zh-cn.js 파일을 찾아 그 안에 있는 글꼴 패밀리 노드를 찾아 FangSong 및 FangSong_GB2312

&#39;fontfamily&#39;:{
    &#39;songti&#39;:&#39;宋体&#39;,
    &#39;kaiti&#39;:&#39;楷体&#39;,
    &#39;heiti&#39;:&#39;黑体&#39;,
    &#39;FangSong &#39;: &#39;仿宋&#39;,
    &#39;FangSong_GB2312&#39;: &#39;仿宋_GB2312&#39;,
    &#39;lishu&#39;:&#39;隶书&#39;,
    &#39;yahei&#39;:&#39;微软雅黑&#39;,
    &#39;andaleMono&#39;:&#39;andale mono&#39;,
    &#39;arial&#39;: &#39;arial&#39;,
    &#39;arialBlack&#39;:&#39;arial black&#39;,
    &#39;comicSansMs&#39;:&#39;comic sans ms&#39;,
    &#39;impact&#39;:&#39;impact&#39;,
    &#39;timesNewRoman&#39;:&#39;times new roman&#39;
},

글꼴을 추가합니다. ueditoreditor.config.js 파일을 찾고(저도 온라인에서 봤고 ueditoreditor_config.js라고 말했는데, 버전 문제일 수 있습니다), 주석 처리된 180번째 줄 정도의 글꼴 패밀리 노드를 찾아 노드에서 주석을 제거하고, 그리고 글을 다시 편집하시면 FangSong과 FangSong_GB2312

,&#39;fontfamily&#39;:[
    { label:&#39;&#39;,name:&#39;songti&#39;,val:&#39;宋体,SimSun&#39;},
    { label:&#39;&#39;,name:&#39;kaiti&#39;,val:&#39;楷体,楷体_GB2312, SimKai&#39;},
    { label:&#39;&#39;,name:&#39;yahei&#39;,val:&#39;微软雅黑,Microsoft YaHei&#39;},
    { label:&#39;&#39;,name:&#39;heiti&#39;,val:&#39;黑体, SimHei&#39;},
    { label: &#39;&#39;, name: &#39;SimSun&#39;, val: &#39;仿宋,SimSun&#39; },
    { label:&#39;&#39;,name:&#39;FangSong_GB2312&#39;,val:&#39;仿宋_GB2312 ,FangSong_GB2312&#39;},
    { label:&#39;&#39;,name:&#39;lishu&#39;,val:&#39;隶书, SimLi&#39;},
    { label:&#39;&#39;,name:&#39;andaleMono&#39;,val:&#39;andale mono&#39;},
    { label:&#39;&#39;,name:&#39;arial&#39;,val:&#39;arial, helvetica,sans-serif&#39;},
    { label:&#39;&#39;,name:&#39;arialBlack&#39;,val:&#39;arial black,avant garde&#39;},
    { label:&#39;&#39;,name:&#39;comicSansMs&#39;,val:&#39;comic sans ms&#39;},
    { label:&#39;&#39;,name:&#39;impact&#39;,val:&#39;impact,chicago&#39;},
    { label:&#39;&#39;,name:&#39;timesNewRoman&#39;,val:&#39;times new roman&#39;}
]

폰트가 나오실 겁니다. 도움이 되셨으면 좋겠습니다.

Baidu Editor에서 '가짜 노래' 및 '가짜 노래 GB2312'를 추가하는 방법

관련 기사