在 React App 中显示来自文本编辑器的内容

Question

我正在尝试使用 React 和 Laravel 制作一个简单的博客，并且我使用了一个文本编辑器来插入博客的内容。现在，当我尝试在我的 React 应用程序中显示这些博客时，它会将内容完全显示为字符串，而不是 html 元素。这是我所做的（代码和屏幕截图）：

我的表单

Laravel 控制器

public function save(Request $request) {

    $validatedData = $request->validate([
        'language' => 'required',
        'body' => 'required',
    ]);

    $post = new Posts;
    $post->language = $request->input('language');
    $post->body = htmlspecialchars($request->input('body'));
    $post->save();

    return redirect('dashboard');

}

public function posts($id) {
    $posts = DB::table('posts')
    ->select('id', htmlspecialchars_decode('body'))
    ->where([['language', '=', $id]])->get();
    return response()->json($posts); 
}

这是我的看法：

谁能帮助我在这里做错了什么？很感谢任何形式的帮助。谢谢你

Answer 1

你不能在select里面使用htmlspecialchars_decode，你需要在获取数据后使用它，最好的方法是使用eloquent accessors：

//POSTS CLASS:

public function getBodyAttribute(){
  return htmlspecialchars_decode($this->body);
}

//----------------------

//CONTROLER CLASS:

public function posts($id) {
    $posts = Posts::select('id','body')
    ->where([['language', '=', $id]])->get();
    return response()->json($posts); 
}

附：最好为模型使用单数名称