summernote 相关问题

我正在使用此代码在我的页面上显示 Summernote 编辑器引导4 我正在使用此代码在我的页面上显示 Summernote 编辑器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>bootstrap4</title> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-lite.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-lite.js"></script> . . . <textarea id="summernote" name="summernote">@Model.InviteEmailBody</textarea> <script> $('#summernote').summernote({ tabsize: 4, height: 220 }); $('#summernote').on('summernote.blur', function () { $('#summernote').html($('#summernote').summernote('code')); }); $('#summernote').html(escape($('#summernote').summernote('code'))); </script> 然后保存到数据库 string str = Request.Form["summernote"]; string htmlEncoded = WebUtility.HtmlEncode(str); roleToUpdate.InviteEmailBody = htmlEncoded; 当我实际编辑内容时，一切都很好，但是当我不编辑内容时，我在 str 变量中得到的值有很多 %3Cdiv%3EHello%20 我不确定我实现 Summernote 的方式是否正确，或者我将如何解决这个问题..如果有人可以提供帮助，我将不胜感激这些垃圾是由产生的 $('#summernote').html(escape($('#summernote').summernote('code'))); 如果您想清理您的textarea（或预置一些文本），您可以使用以下语法。第二个参数是您要设置的字符串值： $('#summernote').summernote('code', '') $('#summernote').html(escape($('#summernote').summernote('code', 'some'))); I have multiple summernote controls on single page so i used it as below: For Get Value ----------------------------------------------------------------- let EngQuestion= $("#TxtRecord").summernote('code').trim(); let UrduQuestion= $("#TxtURecord").summernote('code').trim(); let SindiQuestion= $("#TxtSRecord").summernote('code').trim(); For Change: ----------------------------------------------------------------- $('#TxtRecord').summernote('code', ''); $('#TxtRecord').html(escape($('#TxtRecord').summernote('code', "test"))); $('#TxtURecord').summernote('code', ''); $('#TxtURecord').html(escape($('#TxtURecord').summernote('code', "abc"))); $('#TxtSRecord').summernote('code', ''); $('#TxtSRecord').html(escape($('#TxtSRecord').summernote('code', "xyz")));

javascript asp.net asp.net-core summernote razor-pages

回答 2 投票 0

在summernote中保存照片时超出最大上传大小

大家好，我在保存 Summernote 中的照片时遇到问题。我的项目使用springboot jsp。在summernote中添加照片并按保存时，springboot显示错误“最大上传...

spring-boot file-upload max summernote

回答 1 投票 0

在 Summernote 编辑器中将内容粘贴为纯文本

我需要在我的summernote编辑器中复制粘贴一些内容。但是当我粘贴时，它会采用我复制它的页面的样式。我需要将其粘贴为纯文本。有什么解决办法吗？

javascript html summernote

回答 6 投票 0

Summernote 方程/数学编辑器

我目前正在使用 Summernote 作为我的所见即所得，我试图找到一个允许我放置数学方程的插件。我只找到了那些： https://github.com/tylerecouture/summernote-math https://

math plugins equation summernote

回答 1 投票 0

Django-Summernote 编辑器未显示在管理中

我有一个用于后期写作的 Django 应用程序。我已将 django-summernote 集成到应用程序中，但遇到了 django Summernote 小部件未在管理面板中显示的问题。它工作正常并且

python django admin summernote

回答 1 投票 0

Summernote - 排序列表和无序列表不起作用

我在 laravel 上使用 Summernote 包，但问题是 Orderlist 和 unorder list 在那里不起作用。这是我尝试使用的代码。请帮助我解决这个问题。网页：我在 Laravel 上使用 SummerNote 包，但问题是 Orderlist 和 Unorder List 在那里不起作用。这是我尝试使用的代码。请帮我解决这个问题。 HTML： <textarea data-feature="all" class="summernote" data-height="250" name="editor"></textarea> 版本： "summernote": "^0.8.18", Summernote.js : import summernote from '../../node_modules/summernote/dist/summernote-lite.js' import summernoteCss from '../../node_modules/summernote/dist/summernote-lite.css' (function($) { "use strict"; // Summernote $('.summernote').each(function() { let options = { placeholder: 'Hello stand alone ui', tabsize: 2, height: 120, toolbar: [ ['style', ['style']], ['font', ['bold', 'underline', 'italic']], ['color', ['color']], ['para', ['ul', 'ol', 'paragraph']], ['table', ['table']], ['insert', ['link', 'picture', 'video']], ['view', ['fullscreen', 'codeview', 'help']] ] } if ($(this).data('feature') == 'basic') { options.toolbar = [ ['font', ['bold', 'underline', 'italic']] ] } if ($(this).data('feature') == 'all') { options.toolbar = [ ['style', ['style', 'bold', 'italic', 'underline', 'clear']], ['font', ['strikethrough', 'superscript', 'subscript']], ['fontname', ['fontname']], ['fontsize', ['fontsize']], ['color', ['color']], ['para', ['ul', 'ol', 'paragraph']], ['table', ['table']], ['insert', ['link', 'picture', 'video']], ['view', ['fullscreen', 'codeview', 'help']] ] } if ($(this).data('height') !== undefined) { options.height = $(this).data('height') } $(this).summernote(options) }) })($) 我认为你需要覆盖列表的 css /* For summernote override unordered and order list */ .note-editable ul{ list-style: disc !important; list-style-position: inside !important; } .note-editable ol { list-style: decimal !important; list-style-position: inside !important; } 这就是我解决问题的方法。我已经下载了 Summernote，所以我也使用了下载的 css，这就是问题所在。我转到 Summernote css 文件并搜索 list-style 选择器，发现 li 设置为 list-style: none;，所以我用 style 替换了 none ，就是这样。 li { list-style: style; }

javascript jquery laravel summernote

回答 2 投票 0

Django Summernote clean() 在 DjangoForms 中获得了意外的关键字参数“styles”

我有一个托管在 Heroku 上的 Django 应用程序。我在 Django 表单上安装了 Summernotes，但是，当我提交表单时，出现错误： clean() 有一个意外的关键字参数“styles” 例外

python django heroku django-forms summernote

回答 3 投票 0

在输入时保存 django 夏季笔记

我目前已经安装了 django-summernote 并可以正常工作。我想知道的是，django 是否提供在编辑器中输入内容以保存帖子时触发事件的功能？

django summernote

回答 1 投票 0

从 Doc 复制粘贴到 Summernote 编辑器时的对齐和表格问题

将文档中的内容复制并粘贴到 Summernote 编辑器时，我遇到了对齐和表格相关的问题。在网站上显示数据时问题仍然存在。我相信

html django summernote

回答 1 投票 0

如何使用jquery动态设置下拉菜单更改时的summernote值？

模型.py 其他类（模型.模型）： desc = models.TextField(默认=无) create_by = models.ForeignKey(User, on_delete=models.CASCADE) create_at = models.DateField(auto_now_add=True)...

jquery django summernote

回答 1 投票 0

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

我正在尝试将 Summernote 嵌入到我的项目中，并且我正在使用 tailwindcss。我按照指南将 SummerNote 安装到项目中，但它仍然不起作用。我将这些行添加到我的 _Layout.c...

javascript asp.net-mvc tailwind-css textarea summernote

回答 1 投票 0

如何禁用特定线路的ts规则？

Summernote 是一个 jQuery 插件，我不需要它的类型定义。我只想修改对象，但 TS 一直抛出错误。下面的行仍然给了我：“属性‘summernote’确实......

javascript jquery typescript summernote

回答 7 投票 0

Summernote 模态锁定在纯 Bootstrap 模态中

是否有已知的方法可以使 Summernote 模态从 Bootstrap 模态中爆发出来？我有一个普通的模态，里面有一个 Summernote 元素，没有什么特别的。当我夏天用的时候...

twitter-bootstrap summernote

回答 7 投票 0

Summernote 设置默认字体大小和字体

我正在使用最新版本的 Summernote 库。如何设置默认字体大小和字体？我正在尝试这样，但它不起作用： $('.text-editor').summernote({ 工具栏：[ [是...

javascript summernote

回答 6 投票 0

如何删除summernote值中的 标签？

在凝视中输入空格时，我从 Summernote 文本区域获取以下代码，在凝视中输入空格时，我从 Summernote 文本区域获取以下代码， Lorem Ipsum is simply dummy text of the printing and typesetting industry. 但我想在存储到数据库之前删除起始的 。例如我想像下面这样存储， Lorem Ipsum is simply dummy text of the printing and typesetting industry. callbacks: { onFocus: function (contents) { if($('.summernote').summernote('isEmpty')){ $(".summernote").html(''); } } } 如果您确定模式，那么您可以实现类似的 var data=' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '; while(data.startsWith(' ')){ data=data.replace(' ','') } while(data.endsWith(' ')){ data=data.replace(new RegExp(' $'),'') } console.log(data) 使用以下内容： $('#summernote').summernote('code', '<text H>'); 代替： $('#summernote').summernote('editor.insertText', '<text H>')); 最好的方法是这样做： $('.summernote_add').summernote({ height: 250, callbacks: { onChange: function (contents) { if ($('.summernote_add').summernote('isEmpty')) { $(".add .panel-body").html(''); } else { $(".add .panel-body").val(contents); } // $('.summernote_add').val( // $('.summernote_add').summernote('isEmpty') // ? null // : contents // ); summernoteValidatorAdd.element($('.summernote_add')); } } }); 对于 jQuery $('.summernote').summernote({ height: 250, callbacks: { onInit: function (c) { c.editable.html(''); } } }); 只需删除空元素 $("p").each(function(){ if (!$(this).text().trim().length) { $(this).remove(); } }); https://jsfiddle.net/ox32tjwg/ 这对我来说有用！必须现在就做 callbacks: { onFocus: function (contents) { if($(this).summernote('isEmpty')){ $("<your-selector>").html(''); //either the class (.) or id (#) of your textarea or summernote element } } } 实现这个回调。您将剩下一对 <be>，根据文档，这很好。 OnBlur，您只需重置 Summernote，以便它将删除所有其他剩余标签。请参阅此处的文档：为空返回编辑器内容是否为空。即使编辑器内容为空，编辑区域也需要 才能获得焦点。所以Summernote支持这个方法来帮助检查编辑器内容是否为空。 onBlur: function (contents) { if ( $($('#body-summernote').summernote('code')).text().trim().length < 1 ) { console.log( $($('#body-summernote').summernote('code')).text().trim().length ); console.log('clearing'); // $('#body-summernote').html(''); $('#body-summernote').summernote('reset'); } }, 如果您只想删除前导/开始标签，请将其与正则表达式一起使用，否则它还会删除不是前导/开始标签的其他标签，您还可以使用单循环删除结束/训练标签。 let value=' Lorem Ipsum is simply dummy text of the printing and typesetting industry. '; while(value.startsWith(' ') || value.endsWith(' ')){ value=value.replace(new RegExp('^ '),'').trim(); value=value.replace(new RegExp(' $'),'').trim(); }

html angularjs summernote

回答 9 投票 0

summernote 相关问题

最新问题