如何使用 tailwindcss 将 summernote 嵌入到 asp.net 项目中-解网

问：

我正在尝试将 summernote 嵌入到我的项目中，并且我正在使用 tailwindcss。我按照指南将 summernote 安装到项目中，但它仍然不起作用。

我将这些行添加到标记下的 _Layout.cshtml 中：'<head>

    <link href="/node_modules/summernote/dist/summernote.css" rel="stylesheet">
    <script src="/node_modules/summernote/dist/summernote.js"></script>

然后在我的 Index.cshtml 中，我尝试使用 javascript 初始化 summernote：

<script>
    $(document).ready(function () {
        $('#proposed').summernote
    });
</script>

然后为我的标签制作了一个 ID：'<textarea>

<div class="mx-2" >
   <textarea id="proposed" class="resize-none w-full h-52 p-2 mb-2 border-2 border-gray-200"></textarea>
</div>

但是没有用，这是来自 YouTube 的指南，即使我从这里尝试了指南

https://summernote.org/getting-started/#get-summernote

它不起作用，因为它是用于 bootstrap 的。

有没有办法嵌入 summernote？

javascript asp.net-mvc tailwind-css textarea summernote

$('#proposed').summernote({
    tabsize: 2,
    height: 120,
    toolbar: [
        ['style', ['style']],
        ['font', ['bold', 'underline', 'clear']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['table', ['table']],
        ['insert', ['link', 'picture', 'video']],
        ['view', ['fullscreen', 'codeview', 'help']]
    ]
});

使用这种方法，它在使用 tailwindcss 时对我有用

上一个：如何将 Summernote 与 ASP.net C# Web 窗体一起使用

下一个：Django 中 Summernote 和 crispy-forms 的问题

如何使用 tailwindcss 将 summernote 嵌入到 asp.net 项目中

How to embed summernote to a asp.net project with tailwindcss

评论