HTML 具有豐富字體控件的文本區域

Question

我很好奇如何將這種類型的文本區域添加到我的 CSHTML 頁面（MVC.NetCore）

Answer 1

您可以使用Summernote 。 我目前在我的項目中使用一個

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
</head>
<body>
    <textarea asp-for="Description" id="summernote"></textarea>
    <script>
        $('#summernote').summernote({
        placeholder: 'Description goes here....',
        height:'25vh',
        toolbar: [
        ['style', ['style']],
          ['font', ['bold', 'underline', 'clear']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph']],
          ['table', ['table']],
          ['insert', ['link', 'picture']],
          ['view', ['fullscreen', 'codeview', 'help']]
        ]
        });
</script>
</body>
</html>

HTML 具有豐富字體控件的文本區域

問題描述

1 個解決方案

解決方案1
0 2022-08-04 04:11:25

HTML 具有豐富字體控件的文本區域

問題描述

1 個解決方案

解決方案1 0 2022-08-04 04:11:25

解決方案1
0 2022-08-04 04:11:25