エディターの絵文字にスタイルを入れたい(大きさを指定したい) 投稿する

投稿者:オフィスニコ  投稿日時:2022-01-19 22:42:16
いつもお世話になっております。
表題の通りなのですが、エディターで絵文字を入れたときに
ほかの文章中のimgと共に100%で表示されてしまいます。
(レスポンシブで、そのようにスタイルを入れているのでそうなるのは当然ですが、、)

絵文字のみ、100%にならないよう
個別にスタイルを入れたいのですが可能ですか?

/CMSのインストールディレクトリ/soycms/js/editor/RichTextEditor.js 
を見てみたのですがよくわからず・・

どうしても絵文字を使いたいとの事でしたので、
どのようにしたらよいか、お教えいただけますと助かります。

よろしくお願いします。
投稿者:齋藤毅  投稿日時:2022-01-20 06:26:37
エディタの絵文字はtinyMCEというオープンソースのエディタを利用していますので仕様が分からず、スタイルを入れる事が出来るか?はわかりません。

絵文字に該当するファイルは
/CMSインストールディレクトリ/soycms/js/tinymce/plugins/emoticons/plugin.min.js
になりまして、ここから辿っていく必要があります。

絵文字のみ、100%にならないよう個別にスタイルを入れたいのですが可能ですか?
上記の内容は管理画面側の記事投稿画面での話でしょうか?
投稿者:オフィスニコ  投稿日時:2022-01-20 07:33:47
おはようございます。
ご返信ありがとうございます。

スタイルを入れたい、と言いますのは
CSSでクラス指定ができれば、文章中に差し入れる画像とは別に
個別で大きさの指定などができると思いました。

もちろん、該当するファイル 
/CMSインストールディレクトリ/soycms/js/tinymce/plugins/emoticons/plugin.min.js

で、大きさを固定できるならそれでもかまいません。(16px程度)

よろしくお願いします。
投稿者:齋藤毅  投稿日時:2022-01-20 09:40:45
CSSでクラス指定ができれば、文章中に差し入れる画像とは別に個別で大きさの指定などができると思いました。
公開側の方の話が主で、記事投稿画面で挿入したアイコンに何らかのクラスを入れるということであれば、先程お伝えしましたplugin.min.jsの改修になりますが、tinyMCEの改修にかけるリソースの捻出は難しいので、tinyMCEが得意な方を探して、plugin.min.jsを改修したものを組み込めば良いです。
投稿者:オフィスニコ  投稿日時:2022-01-20 10:30:50
ありがとうございます。

承知しました。
何とか探してみたいと思います。
ログインして投稿する