https://www.npmjs.com/package/vue-wysiwyg
Ketika menyimpan data dari form text editor seperti Summernote, Quill, Rich Editor dll, format yang disimpan dalam database bentuknya berupa HTML seperti berikut:
Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book
untuk menghilangkan tag html ketika ditampilkan di frontend mungkin kalian biasanya menggunakan tag {!! $data-> description !!}}, <v-html></v-html> , <v-markdown></v-markdown>
Namun apabila data yang akan ditampilkan sudah diclean dari controller maka harus membuat fungsi untuk menghilangkan tag HTML tersebut, untuk mempermudah biasanya saya menggunakan helper sendiri seperti berikut:
[code hl="1, 4, 7"]
if (! function_exists('clean_string')) {
function clean_string($string)
{
// Strip HTML Tags
$clear = strip_tags($string);
// Clean up things like &
$clear = html_entity_decode($clear);
// Strip out any url-encoded stuff
$clear = urldecode($clear);
// Replace non-AlNum characters with space
$clear = preg_replace('/[^A-Za-z0-9]/', ' ', $clear);
// Replace Multiple spaces with single space
$clear = preg_replace('/ +/', ' ', $clear);
// Trim the string of leading/trailing space
$clear = trim($clear);
return $clear;
}
}
[/code]
Baca juga: Trim String Without Cut Basic Word
fungsi diatas akan membersihkan tag HTML, membersihkan &, &bnsp, mereplace karakter non-AlNum, membersihkan space yang tidak perlu, sehingga di frontend tidak perlu dirender lagi. penggunaannya cukup simple :
[code hl="1, 4, 7"]
clean_string($data->description);
[/code]
data yang akan di clear ada "$data->description" maka hasilnya akan seperti berikut:
fungsi di atas dapat anda gunakan di controller maupun di view
Selamat mencoba semoga bermanfaat.
0 Comments