1. ホーム
  2. Web プログラミング
  3. ウェブ編集者

UEditorのデフォルトフォントとフォントサイズを変更する方法

2022-01-20 19:28:55

UEditorのルートディレクトリにあるueditor.all.jsファイルを直接開き、"Set default font and font size"を探し、デフォルトフォントとフォントサイズを以下のように変更してください。

.....

//set default font and font size
//font-family cannot be changed casually, fillchar will have parsing problems under safari

//comment out the original default font and font size
//'body{margin:8px;font-family:sans-serif;font-size:16px;}' +

//modify to your desired default font and font size
'body{margin:8px;font-family:Microsoft YaHei,Microsoft YaHei;font-size:14px;}' +

....

オプションの中に欲しいフォントがない場合は、ルートに追加することができます。 ueditor.config.js をクリックし、"を探します。 <スパン フォントの設定 新しいフォントを追加したり、不要なフォントを削除する場合は、コメントを外してください。

....

//Font settings label left blank supports multi-language auto-switching, if configured, the configured value prevails
,'fontfamily':[
  { label:'',name:'yahei',val:'Microsoft Yahei,Microsoft YaHei'},
  { label:'',name:'songti',val:'宋体,SimSun'},
  { label:'',name:'kaiti',val:'普通体,普通体_GB2312, SimKai'},
  { label:'',name:'heiti',val:'bold, SimHei'},
  { label:'',name:'lishu',val:'LiShu, SimLi'},
  { label:'',name:'andaleMono',val:'andale mono'},
  { label:'',name:'arial',val:'arial, helvetica,sans-serif'},
  { label:'',name:'arialBlack',val:'arial black,avant garde'},
  { label:'',name:'comicSansMs',val:'comic sans ms'},
  { label:'',name:'impact',val:'impact,Chicago'}, { label:'',name:'impact',val:'impact,Chicago',
  { label:'',name:'timesNewRoman',val:'times new roman'}
]

....

変更後、エディターはデフォルトで設定されたフォントで開きます
圧縮版では、ueditor.config.min.jsを上書きするためにJs圧縮を実行してください。