質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

解決済

1回答

857閲覧

Gem trixで記入した文字列にdivが含まれてしまう

tomoharu

総合スコア107

Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

0クリップ

投稿2020/03/23 17:25

version
rails 5.2
trix-rails 2.2

gemでtrixrailsを使いリッチエディターを実装しています。
https://github.com/kylefox/trix

<%= form_with model: service, url: url, local: :true do |f| %> <div class="d-flex justify-content-end"><%= f.submit '保存する', class: "btn btn-primary bg-primary px-5" %></div> <h2><%= f.label :name %></h2> <%= f.text_field :name, class: "w-100" %> <h2 class="mt-5 mb-3"><%= f.label :description %></h2> <%= f.hidden_field :description, id: :service_description %> <trix-editor class="min-vh-100" input="service_description"></trix-editor> <% end %>

trix-editorの部分がリッチエディターになり、その中に記入した値がid: :service_descriptionのhidden fieldのvalueに入っていくという仕組みになっています。
ですが、現在ここに文字を記入すると hidden_fieldには

value="<div>hogehoge</div>"

とdivタグまでが含まれてしまい、飛んでいくparameterが "<div>hogehoge</div>"
となってしまいます。trix側のバグのような気がするのですが、もしご存知の方がいましたら対応方法お教えください。正直jqueryとかでパッチ当ててしまおうかとも思っています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

自己解決しました。
https://stackoverflow.com/questions/59666647/how-can-i-eliminate-the-html-tags-generated-along-with-the-content-in-the-view-p
ここに書いてある通りで、描画するタイミングでsanitizeすれば、とりあえずhtmlタグが含まれることは無くなりました。本質的な解決方法ではありませんが、とりあえずバグは消せるのでご活用ください。

投稿2020/03/28 05:38

tomoharu

総合スコア107

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問