Apakah kaedah untuk menyimpan kandungan teks kaya dalam bahagian belakang springboot?

Pengetahuan asas

springboot: rangka kerja pembangunan aplikasi pantas belakang.

tinymce: Editor teks kaya yang ringkas.

base64: Base64 ialah salah satu kaedah pengekodan yang paling biasa untuk menghantar kod bait 8Bit di Internet Base64 ialah kaedah mewakili data binari berdasarkan 64 aksara yang boleh dicetak. Peraturan pengekodan: tukar 3 bait kepada 4 bait; tambahkan aksara baris baharu setiap 76 aksara juga mesti diproses. Untuk gambar, pengekodan base64 boleh mengekod data gambar ke dalam rentetan dan menggunakan rentetan ini dan bukannya alamat imej.

Idea asas

Dapatkan kandungan (bentuk html) editor teks kaya tinymce dan hantar ke bahagian belakang melalui axios Bahagian belakang menerima kandungan dan menyimpannya terus dalam pangkalan data.

Langkah

1 Konfigurasikan editor teks kaya tinymce pada bahagian hadapan

Kesan editor teks kaya yang saya konfigurasikan adalah seperti berikut:

2. Dapatkan kandungan editor teks kaya dan hantar ke bahagian belakang

Perhatikan bahawa terdapat masalah di sini ialah bagaimana untuk menghantar imej imej dalam format base64 dan muat naik terus Ini adalah kaedah yang agak mudah.

kandungan html adalah seperti berikut:

Anda boleh melihat bahawa kandungan imej adalah sangat panjang, yang disebabkan oleh pengekodan format base64, tetapi kelebihannya ialah akhir semasa meminta teks kaya Apabila ia berkaitan dengan kandungan, jika terdapat banyak gambar dalam artikel, penyemak imbas tidak perlu memulakan permintaan imej beberapa kali, tetapi gambar dan teks dihantar ke bahagian hadapan bersama-sama.

Halaman hadapan menghantar teks kaya ke kod hujung belakang melalui aksios:

 axios({
        method: 'post',
        url: 'http://localhost:8081/users/news',
        data: {
          "categoryId": 1,
        "userId": 1,
        "title": "震惊！！60岁老头竟然。。。。",
        "context": tinymce.activeEditor.getContent()
        }
      }).then((res)=>{
        console.log(res.data)
      })

Kaedah lain ialah memuat naik kandungan imej dan kandungan teks secara berasingan Kandungan masih dalam format html, tetapi "", laluan gambar di sini perlu ditulis semula ke laluan yang disimpan pada pelayan selepas gambar dimuat naik.

3 Cipta jadual dalam pangkalan data di bahagian belakang

Nota: Jenis data untuk menyimpan kandungan teks kaya ialah teks panjang untuk mengelakkan kandungan daripada terlalu panjang untuk disimpan

Hasil storan adalah seperti berikut:

4 Bahagian belakang menulis antara muka untuk menerima kandungan teks kaya

rreee

Atas ialah kandungan terperinci Apakah kaedah untuk menyimpan kandungan teks kaya dalam bahagian belakang springboot?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!