バージョン選択

フォーラム

メニュー

オンライン状況

42 人のユーザが現在オンラインです。 (35 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 42
もっと...

サイト内検索

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

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
tak245ga
投稿日時: 2019/10/9 9:49
対応状況: −−−
半人前
登録日: 2019/7/3
居住地:
投稿: 24
コード(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
居住地:
投稿: 3217
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
居住地:
投稿: 24
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公式 Amazon Payプラグイン

統計情報

総メンバー数は88,288名です
総投稿数は109,688件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

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

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