バージョン選択

フォーラム

メニュー

オンライン状況

108 人のユーザが現在オンラインです。 (83 人のユーザが フォーラム を参照しています。)
登録ユーザ: 3
ゲスト: 105
be-s admik1 dl2008 もっと...

サイト内検索

質問 > 管理機能 > コード(textarea)のフォントサイズ変えられないでしょうか…

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
tak245ga
投稿日時: 2019/10/9 9:49
対応状況: −−−
半人前
登録日: 2019/7/3
居住地:
投稿: 23
コード(textarea)のフォントサイズ変えられないでしょうか…
[EC-CUBE] 4.0系

管理画面のページ管理・ブロック管理などにある「コード」のテキストエリアですが、他のフォームと違ってかなり文字が小さいですよね。
この部分をもう少し大きくしたいのですがどうもうまく出来ません。
利用しているCSSでEC-CUBE用の物は
bootstrap.css
ladda-themeless.min.css
app.css
ですよね?
bootstrap.cssにtextareaがあったのでその下に
textarea{
font-size: 24px !important; #18
font-size: 1.8rem !important; #1.2
}
と追加してみましたが変化なしです。
どこかほかの場所でフォントサイズを管理しているのだと思うのですが、どこで管理しているのでしょうか?
(横に行番号なども付くし、jQueryなどで管理なのでしょうか?)

年齢とともに小さな字が見えにくくなり作業しづらいです…
468
投稿日時: 2019/10/9 11:18
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 1860
Re: コード(textarea)のフォントサイズ変えられないでしょうか…
ACEというエディタを組み込んでいるかと思いますので
そちらで情報を探したほうが良いかと思います。
https://ace.c9.io/

多分、フォントのサイズを変更する事で対応できるのではないかと思いますが...
https://code-examples.net/ja/q/14e2e8a


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

tak245ga
投稿日時: 2019/10/9 19:51
対応状況: 解決済
半人前
登録日: 2019/7/3
居住地:
投稿: 23
Re: コード(textarea)のフォントサイズ変えられないでしょうか…
ありがとうございます!!
無事変更できました。


検索用に私がした作業を残しておきます。

管理画面、コードのtextareaの文字サイズを変更。

管理画面ではjavascript ACE エディタを利用しているので、scriptのオプションを書き換えないとダメ。
/src/Eccube/Resource/template/admin/Content/
にある各ファイルを書き換えることで変更可能。

page_edit.twig→ページ管理画面用
css.twig→css管理画面用
js.twig→JavaScript管理画面用
block_edit.twig→ブロック管理画面用

ace.jsを読み込んだ後の<script>に以下を追加。
場所は特に指定はないが、「editor.〜」が並ぶ最下部にでも追加
----------
editor.setFontSize(18); // will set font-size: 18px
----------
(18pxの場合)
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

ec-cube.co

統計情報

総メンバー数は51,014名です
総投稿数は93,518件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
1984
4
468
1860
5
yuh
1604
6
red
1353
7
umebius
1296
8
h_tanaka
924
9
fukap
907
10
tsuji
856
11
shutta
835
12 ramrun 789
13
tao_s
774
14 karin 656
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.