常連

### 前提・実現したいこと

Laravelでブログ機能を作成しています。投稿画面の部分には、TinyMCEを導入しました。

### 発生している問題・エラーメッセージ
TinyMCEを使って、保存した内容をbladeにて出力しようとすると、設定をしていないdivやpが入り、文章の幅が勝手に設定されてしまいます。
該当ページのソースを見ると以下のように設定していないdiv styleが入っており、width:6.1465inに設定されています。これをどのように取り除いたらいいのかわかりません。

```

                <p><div style="direction: ltr; border-width: 100%;"><span style="font-size: 16px;"> </span>
<div style="direction: ltr; margin-top: 0in; margin-left: 0in; width: 6.1465in;"><span style="font-size: 16px;"> </span>
<div style="direction: ltr; margin-top: 0in; margin-left: 0in; width: 6.1465in;"><span style="font-size: 16px;"> </span>
```

### 該当のソースコード

```php

     public function store(Request $request)
    {
        $request->validate([
            'title'=>['required', 'max:80'],
            'content'=>['required'],
            'category_id'=>['required', 'integer'],
        ],
        [
            'title.required'=>'タイトルを入力してください。',
            'title.max'=>'80文字以下にしてください。',
            'content.required'=> '本文を入力してください。',
            'category_id'=>'カテゴリーを指定してください。'
        ]);
        
        $article=new Blog();
        $article->title = $request->title;
        $article->content = $request->content;
        $article->category_id = $request -> category_id;
        $article->save();
        
        return redirect('/blog');
    }
```
```html
<h1 class="h4 mb-4">
    	            {{ $article->title }}
    	        </h1>
    	        
    	        <div class="summary">
    	            <time>{{ $article->updated_at->format('Y.m.d') }}</time></p>
                </div>
                
                
                <p>{!! $article->content !!}</p>
```
### 試したこと

force_p_newlines : false,
force_br_newlines : false,
convert_newlines_to_brs : false,
remove_linebreaks : true, 
を追加するなど試してみたのですが、うまく設定を変えることができません。

LaravelにてTinyMCEを使用した時にdivの幅が勝手に設定されてしまう問題について

今回、当社のある案件で使用するWYSIWYGエディタに「TinyMCE」を採用することとなりました。
調べたところ、これは商用利用でもLGPLライセンスの範囲であれば無料で使えるとのことです。
しかしこのLGPLライセンスの範囲というのがよくわかりません。
以下のケースの場合、無料で利用することは可能でしょうか。

・使用場所 取引先の管理画面。一般ユーザーが目にすることはない。
・再利用の可能性 別の管理画面と一般向け画面で使用することがあり得る。そちらは不特定多数の一般ユーザーも使用する場合があり得る。
・金銭取引の発生 有
・ソースの公開について これがよくわからないのですが、GitHubとかにPHPファイルなど一式を公開するのかという意味であればノー。
顧客にPHPプログラムなどを送付するのかという意味でもノー。単にWEBページを公開するだけです。

上記のケースで、無料利用の範囲を超えるであろう部分はありますか？恐らく再利用の部分がひっかかりそうですが…

また、もし上記のケースで問題なく無料で利用できた場合、画面のどこかにPowered by TinyMCEみたいな記述をするといった作業も不要でしょうか。

それと、一部英語になっている部分を日本語にしたいなどがありますが、これは元のJSファイルを編集したら公開義務が発生しますでしょうか。
もしオプションの記述などで別に存在している日本語ランゲージパックを読み込む記述をして、元のJSファイルは編集していない場合は発生しませんでしょうか。

ライセンスの知識に明るくなくて申し訳ありませんが、どうか教えて頂けませんでしょうか。

TinyMCEの商用利用のライセンスについて教えて下さい。

TinyMCE Advancedのデフォルトのフォントサイズを変更したいのですが、うまくいきません。
管理画面ロード時に、JSで強制的に 12ptに変更してみたのですが、
改行やウインドウサイズを変更すると、プルダウンの値が 10ptに戻ってしまいます。

この初期設定を変更する方法はどうすればよいのでしょうか？

Googleで検索してみましたが、答えを見つけられません。

ご教授のほど、宜しくお願い致します。

![イメージ説明](5e40f3ce6d429592c075bcd2ff83ada5.png)

TinyMCE Advancedのフォント選択プルダウンのデフォルトの値変更について

Tinymceで編集した文章をjqueryで取得する方法が分からず困っています。

Tinymceとは、こちらの事です。
https://www.tinymce.com/

現在、Tinymceを適用したテキストエリアの文字をjqueryを使って取得するプログラムを作ろうとしています。
下記のようにTinymceを使わない場合は、textareaの文章を取得することが出来ます。
最初にデフォルトで入力されている文章を編集してボタンを押すと、編集後の文字も取得できます。

■Tinymceを使わない場合
http://publicop.jp/tinymce/normal.html

しかし、これにTinymceを適用すると、textareaのデフォルトで入力されている時点では取得できるのですが、編集後の文章が取得できません。元々のデフォルトの文字が取得されてしまいます。

■Tinymceを使った場合
http://publicop.jp/tinymce/

Tinymceを適用した状態で、編集後の文章を取得する方法をご教示頂けましたら幸いです。

宜しくお願い致します。

Tinymceを適用したtextareaの中身を取得する方法

### tinymceの使用を続けるべきか悩んでいます
現在、tinymceを使って、簡単な日記を書けるようなサイトを作っています。
しかし、調べているうちにexecCommandが今は非推奨になっていることを知りました。
tinymceの中身を見るとexecCommandがけっこう使われているように思うのですが、将来的にtinymceはブラウザで使えなくなってしまうということかと思って不安になりました。

このようなとき、非推奨のコードを使用しているライブラリの使用はセキュリティの観点からもやめたほうが賢明なのでしょうか？
それとも、こういった有名なライブラリであればexecCommandが非推奨になったことへの変化に対処していく可能性が高いということで、バージョンアップを待てば良いのでしょうか。

「使用しているライブラリが非推奨のコードを利用している」という経験が初めてのため、こういうときにベテランの方はどのような判断を下すのか知りたくて質問しました。

経験不足が丸出しの質問で大変お恥ずかしいのですが、どうかお教えいただけましたら幸いです。

execCommandが非推奨になっている今、tinymceの使用を続けて良いのでしょうか？

### 現在の状況
- 現在、サイト内のtextareaにtinymceを適用させています。（tinymceのバージョンは5.10.2です。）
- #textareaを選択するとtinymceが起動します。そこに、独自ボタンを追加しました。
※下記のURLを参考にしました。
https://www.tiny.cloud/docs/demo/custom-toolbar-button/#
https://oxynotes.com/?p=11236
- 独自ボタンを押した際、htmlを挿入することはできました。
- しかし、実現したいことは、選択中の文字列に独自スタイルを付与することです。


```ここに言語を入力
tinymce.init({
  selector : '#textarea',
  plugins  : 'paste link autolink preview autoresize',
  toolbar  : 'customButton', //ツールバーに表示する自作ボタン
  setup: function (editor) {
    editor.ui.registry.addButton('customButton', {
      text: 'これは自作ボタンです', //自作ボタンに表記する文字
      onAction: function (_) {
        //以下のコードだとカーソル位置に赤文字の文章が挿入されます。
        //やりたいことは選択中の文章を赤文字にすることです。
        editor.insertContent('<span style="color:#ff0000;">文章</span>');
      }
    });
  }
});
```

自作ボタンを押したときに、選択中の文字に独自のCSSを適用する方法をご存じの方がおりましたら、お教えいただけましたら幸いです。

何卒、よろしくお願いいたします。

tinymceで自作ボタンを押したときに、選択中の文字に独自のCSSを適用させたいです

TinyMCEについて相談させて下さい。

https://www.tinymce.com/
※利用しているバージョンは 4.x系

現在、TinyMCEを利用して開発を進めているのですが、どうしても都合上、

HTML的に間違ったタグを消去する

という機能を**OFF**にしたいと考えています。

----------------------------------------

例)
1.
テキストモードで
<table><tr>hoge</td></tr></table>
を入力する

2.
ビジュアルモードに切り替える

3.
↑の記述はHTMLとして誤りがあるため(<td>が無い)、タグが除去されて
hoge
の記述のみとなる

----------------------------------------

この、上記の例のような形で、
HTMLとしての記述に誤りがある場合に補正する機能を**OFF**にしたいと思っています。

本当に困り果てています。
こちらが実現化出来ないと、非常に厳しい状態になってしまいます。

どうか、どなたかのお力添えをお貸し願いたいです。
何卒宜しくお願い致します。

TinyMCE 自動補正の無効化について

jQuery:3.6.0
TinyMCE:5.0？

Wordpressではない通常版のTinyMCEで入力部分の背景色と文字色を変えたいと思っています。
（実際にやりたい事は、通常とは逆の、背景を黒、テキストを白で入力したい）

別のエディタ？を使っていた時はtextareaにCSSを当てるだけで変わってくれていましたが、
TinyMCEでは内部で上書きされてしまうというか、そもそも別の要素が表示されるので無視されます。

`textarea`が`display:none`されて`iframe`が読み込まれる仕組みはわかっているつもりです。

ブラウザの開発者ツールでiframe内のbodyにcssを当てると期待した見た目になるのは確認しました。

iframeが読み込まれたらその中のCSSを書き換えれば良いか？と思ったので

```Js
$("#editor1_ifr").on('load',function(){
  console.log("来たよ");
  var iframe = $("#editor1_ifr").contents();
    var p_css = {
      "background-color": "#ffffff",
      "color": "white",
    };
  iframe.find('#tinymce').css(p_css);
});
```
って書いてみましたがそもそもがコンソールにエラーも表示されませんが「来たよ」が表示されません。
(iframeのIDが`#editor1_ifr`で、その中のBODYタグのIDが`#tinymce`です）


なにかヒントはありませんでしょうか？