aタグを含む文字列をaタグとして反応させる方法(Nuxt / Rails)

Question

やりたいこと

aタグを含む文字列をaタグとして反応させたいです

詳細

以下のようなArticleテーブルがあるとします

column	type
id	bigint
title	varchar

ここに、以下のようにレコードを追加するとします

article = Article.new(title: '<a href="/hogehoge">hogehoge</a>です')
article.save

これをrailsをapiとしてnuxtからこのレコード（タイトルのみ）を引っ張ってくると、このようなものが返ってきます。

article = { "title": "<a href=\"/hogehoge\">hogehoge</a>です" }

--- ここまでは意図した挙動です ---

で、これを例えばnuxt上で{{ article.title }}みたいにして表示しようとした場合<a></a>で囲っている部分はリンクとして表示されて欲しいのですが、単なる文字列として<a href="/hogehoge">hogehoge</a>が表示されてしまします。

どうにかしてaタグとして反応させたいのですが、良い方法をご存知の方がいらっしゃいましたら教えていただきたいです????‍♂️

Answer 1

それは他のサイトに迷惑を掛けるセキュリティ問題を起こすので止めましょう。
不特定の人が入力できる文字情報にある<a>タグをlinkとして機能する様に表示するのはあぶないです。それを防ぐために<a>タグに限らずタグはエスエーぷされて単なる文字情報にして表示する様になっています。
ここには linkをpostできる仕掛けがありますが、きっと『問題ないURLである』と言うことを確認してから表示する様になっている、、、、、
であろうと、、、、、
信じてます

Comments

[退会済みユーザー]

URLは問題ないです！詳細は書くことはできないのですが、限られた人間しかこのサービスを使えず、また問題ないURLであることは事前に確認できています。
その上で、今回質問させていただいたaタグを反応させる方法を教えていただいてよろしいでしょうか????‍♀️

[winterboum]

railsならわかりますが、Nuxtは使ったことがないのでわからないです。

Answer 2

普通にv-htmlで問題ありませんでした(※ただしXSSを防ぐ処理を別途する必要があります)