TinyMCEの導入については前記事をご参照ください
ファイルアップロードもファイルピッカーを使えばドキュメント記載の内容で実装できそうですが今回は行いません。
今回は投稿内容を保存する処理などを書きます。
<h2>コードの記載</h2>
コードはドキュメントの内容をそのまま記載すればOKです。ドキュメントの内容リンクのjs箇所をそのまま記載します。※selectorだけ自分のフォームに合わせています
<div class="remark-highlight"><pre class="language-php"><code class="language-php">&#x3C;script src="{{ asset('js/tinymce/tinymce.min.js') }}" referrerpolicy="origin">&#x3C;/script>
&#x3C;script>
 tinymce.init({
 selector: 'textarea#myeditorinstance',
 plugins: 'image code',
 toolbar: 'undo redo | link image | code',
 /* enable title field in the Image dialog*/
 image_title: true,
 /* enable automatic uploads of images represented by blob or data URIs*/
 automatic_uploads: true,
省略
</code></pre></div>
ビューに関しては以下のようにしました。
<div class="remark-highlight"><pre class="language-php"><code class="language-php">&#x3C;div>
 &#x3C;form method="post" action="/register" id="inputform" name="inputfomr">
 @csrf
 &#x3C;textarea id="myeditorinstance" name="inpuybody">Hello, World!&#x3C;/textarea>
 &#x3C;button type="submit" name="action" value="send">登録&#x3C;/button>
 &#x3C;/form>
&#x3C;/div>
</code></pre></div>
<h2>ルーティングとコントローラー</h2>
<div class="remark-highlight"><pre class="language-php"><code class="language-php">Route::post('/register',[App\Http\Controllers\TinyController::class, 'register']);
</code></pre></div>
中身を確認程度
<div class="remark-highlight"><pre class="language-php"><code class="language-php">public function register(Request $request)
 {
 dd($request);
 }
</code></pre></div>
<h2>画像はどうなる</h2>
Springでも取り扱いましたが、base64にエンコードしています。画像はバイナリデータになっているのでbase64でエンコードして文字列として扱います。もちろんファイルサイズの大きな画像になると膨大なテキストになります。
<img src="/622/1.png" alt="画像">
<h2>データベースに登録する</h2>
適当なテーブルにレコードとして保存してみます。
<div class="remark-highlight"><pre class="language-php"><code class="language-php">public function register(Request $request)
 {
 $post = new Post();
 $post->title = "サンプルタイトル";
 $post->body = $request->inpuybody;

 $post->save();
 }
</code></pre></div>
データベースにはhtmlの構造で保存されています。
<img src="/622/2.png" alt="画像">
<h2>表示する</h2>
少し注意が必要です。xss攻撃です。例えばjsコードなんかが登録された場合に、以下の表示を行うとjsコードが評価されて実行されてしまいます。
<div class="remark-highlight"><pre class="language-php"><code class="language-php">&#x3C;body class="antialiased">
 &#x3C;div>
 {!! $post->body !!}
 &#x3C;/div>
 &#x3C;/body>
</code></pre></div>
参考サイトにあるようにサニタイズをしてあげましょう。
<img src="/622/3.png" alt="画像">
<h2>編集する</h2>
編集するときにもサニタイズした値を渡してあげればOKです
<div class="remark-highlight"><pre class="language-php"><code class="language-php">&#x3C;div>
 &#x3C;form method="post" action="/register" id="inputform" name="inputfomr">
 @csrf
 &#x3C;textarea id="myeditorinstance" name="inpuybody">
 {{ $body }}
 &#x3C;/textarea>
 &#x3C;button type="submit" name="action" value="send">登録&#x3C;/button>
 &#x3C;/form>
&#x3C;/div>
</code></pre></div>
<h2>画像アップロードについて</h2>
一応、TinyMCEを使って画像をアップロードする際に419エラーが出た際にはこの記事が良さそう。古いけどこの記事も見ました。というか記載はどちらも似ているのですがね。
他にもファイルアップロードにパッケージを利用する方法などがあるが、そもそもLaravel8では使えないなどの問題があったりする。
ちなみにファイルアップロード用のファイル選択ボタンは、以下のコールバック関数を定義することで表示されます。
<img src="/622/4.png" alt="画像">
もちろんこれだけで役に立ちません
images_upload_urlにパスの指定をすると画像アップロード処理が走りますので、ここで処理を記載します。

LaravelでTinyMCEを使ってデータを読み書きする