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圧縮を実行してください。
関連
-
BaiduのエディタUeditorは、フォントの変更方法を増やすには
-
よく使われるHTMLリッチテキストコンパイラーの紹介 UEdit, CKEditor, TinyMCE, HTMLArea, eWebEditor, KindEditor
-
ckeditorカスタムプラグインの使用方法説明
-
CKEditorにsyntaxhighlighterコードハイライトプラグインを追加。
-
IE10、IE11でのFCKEditorの非互換性の問題を解決しました。
-
オンラインエディタeWebEditorをIE8,IE9に対応させる方法
-
FCKeditor + SyntaxHighlighterでコードハイライトプラグインを作る
-
デフォルトの新しいウィンドウを開く修正方法にリンクを追加するdecmsのckeditorエディタ
-
FCKeditorがクロームで表示されない
-
UEditor エディタのクロスドメインアップロードソリューション
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
UEditorエディターの使用を前提とした開発 細かい配慮がなされている
-
Prismコードハイライトの変更にCodeタグのサポートは含まれません。
-
Google ChromeをeWebEditorに対応させる方法
-
ckeditorプラグインの簡単な開発例
-
Ueditor BaiduエディターのHtmlモード自動置換スタイルソリューション
-
最新版CKEditorの設定方法とプラグイン(Plugin)の書き方例
-
ueditorのエディタが画像をアップロードできない問題の解決法
-
ckeditor syntaxhighlighter コードハイライタープラグイン 設定 共有
-
ZeroClipboardを使用したクロスブラウザでのクリップボードへのコピー問題の解決法
-
BrowserSyncで自動リフレッシュ開始