VueJS でユーザーが送信した文字列から先頭と末尾の引用符を削除する

Question

データが事前に入力されたフォームを含む VueJS アプリケーションがあります。 textarea 要素には、UI

に示されているように、いくつかのデータが含まれています。

注: (申し訳ありませんが、スクリーンショットを添付するのに十分な担当ポイントがまだありません):

引用された UI テキスト領域要素のスクリーンショット

バックエンドがデータを提供する方法を変更できません。

それでは、文字列から最初と最後の引用符を削除する良い方法はあるでしょうか?ユーザーが引用符を追加した場合に備えて、内部テキストには触れたくないのです。

'Hello World,welcome to "fooWorld!"' の予期される出力は、Hello World,welcome to 'fooWorld!'

となるはずです。

SPA でデータを使用する実際の例を次に示します:

ああああ

Answer 1

高速正規表現を使用して開始引用符と終了引用符を削除するにはどうすればよいですか?

リーリー

最初の正規表現は文字列の先頭 (^ で表される) を検索し、次に引用符を検索します。 2 番目の正規表現は引用符を検索し、次に文字列の末尾を検索します (文字列の末尾は $ で表されます)。

こんなこともできます:

リーリー

これは、文字列の先頭 (^) を検索し、その後に " が続きますが、? によりオプションになります。その後、括弧で . がキャプチャされ、何でも一致することを意味します。括弧の終わりの前にある ? は、一致を停止することを意味します。次に、引用符を探すように指示されますが、次の疑問符は「おそらく」と表示され、文字列の末尾 ($) を探します。