使用Bootstrap的超级简单WYSIWYG编辑器。 http://summernote.org/
我正在使用 Summernote 文本编辑器，但我不知道如何在 SummerNote 文本编辑器中滚动。 这是我的代码： FlutterSummernote( 图片宽度: '40%', 有附件：真实， 提示：“你的...
我在我的项目中使用夏季笔记作为文本编辑器。我的编辑显示在引导对话框中。一切正常。但是当我尝试插入链接时，summernote 又打开了一个对话框...
我遇到了一个非常奇怪的问题。当我使用本地的 Summernote 文件加载文本编辑器时，发生了“.summernote 不是函数”的情况。但是，如果我使用 cdn 文件来加载编辑器，则每个...
如何在 Django Summernote 中显示编程片段的代码块？
我在我的网站上使用 Django Summernote。这就是编辑器的样子。 您可以在下面找到我的 Summernote 编辑器的 django 设置。 SUMMERNOTE_CONFIG = { # 或者，您可以将其设置为 False...
向 jQuery .validate 添加方法以检查 SummerNote 文本区域是否为空
我正在尝试向 jQuery .validate 添加一个方法来检查 Summernote（所见即所得编辑器）文本区域是否为空，并且我无法触发该方法（我放置在其中的警报不显示）。那...
如何在vue3中使用typescript使用summernote？
导入 vue3-summernote-editor 显示错误。 找不到模块“vue3-summernote-editor”或其相应的类型声明.ts(2307) 我已经使用 npm install 安装了 vue3-summernote-editor ...
使用 Jquery 验证插件进行 Summernote 验证
我有一个带有远程验证字段的表单。我的Javascript如下： $("#myform").validate({ 规则：{ 主场：{ 偏僻的：{ 网址：“检查...
当我点击编辑区域时页面向下滚动是android summernote编辑器的性质吗？
每当我单击编辑器时，页面就会向下滚动。 我认为这是为了定位编辑区的第一行。 我只希望无论我做什么，展示都不会改变。 [点击之前] [点击后] ...
我会尝试，但我发现数据绑定在 livewire 中不起作用，但在文本区域中数据绑定有效。 但是，如果我插入数据，则在插入数据时需要显示错误描述字段...
带有 bootstrap 5 字体样式和字体大小的 Summernote 不起作用
我正在将 summernote-bs5 集成到我的软件中。我从 cdn 中包含它： 我正在将 summernote-bs5 集成到我的软件中。我从 cdn 中包含它： <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs5.min.css" integrity="sha512-ngQ4IGzHQ3s/Hh8kMyG4FC74wzitukRMIcTOoKT3EyzFZCILOPF0twiXOQn75eDINUfKBYmzYn2AA8DkAk8veQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> ... <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs5.min.js" integrity="sha512-6F1RVfnxCprKJmfulcxxym1Dar5FsT/V2jiEUvABiaEiFWoQ8yHvqRM/Slf0qJKiwin6IDQucjXuolCfCKnaJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> 我使用默认初始化summernote区域。网址： <div class="mt-2"> <label class="control-label" for="textarea">Descrizione breve:</label> <textarea class="summernote" name="content_abstract"><?=$content->content_abstract?>. </textarea> </div> js: $('.summernote').summernote(); 没用。我也尝试过使用 jsfiddle 和 bootstrap 的最新版本，但它似乎不起作用。 jsfiddle 我只是把它作为一个基本测试来做，它对我有用。您是否以正确的顺序添加了所有内容，您是否正在等待加载文档以初始化您的 summernote div？ $(document).ready(function() { $('.summernote').summernote(); }); <!DOCTYPE html> <html lang="en"> <!-- include libraries(jQuery, bootstrap) --> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> <!-- include summernote css/js --> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote.min.js"></script> <div class="mt-2"> <label class="control-label" for="textarea">Descrizione breve:</label> <textarea class="summernote" name="content_abstract"><?=$content->content_abstract?>.</textarea> </div> </html> 这对我有用（Asp net core 6） 我尝试在 Bootstrap v5.1.0 旁边使用 summernote，但似乎不起作用。 然后我尝试使用 summernote 的无引导版本并且工作正常 注1 正如summernote官网所说： 需要 HTML5 文档类型 Bootstrap 使用某些需要 HTML5 文档类型的 HTML 元素和 CSS 属性。包括在所有项目的开头。 note 2 当我使用包含 html 文档初始化的 _layout 时，我将下面的所有链接放在头部 <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/[email protected]/dist/summernote-lite.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote-lite.min.js"></script> 我把这个脚本放在 body 元素的末尾： <script> $('#summernote').summernote({ placeholder: 'Hello stand alone ui', 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']] ] }); </script> 终于可以放了 <div id="summernote"></div> 使用具有先前链接和脚本的 _layout 时，您想要的任何地方 note 3 你仍然可以在你的布局中使用 bootstarp，它不会影响 如果您使用的是 summernote 并且下拉菜单没有在 bs5 中打开，试试这个： $(文档).ready(函数() { $('.summernote').summernote(); var noteBar = $('.note-toolbar'); noteBar.find('[data-toggle]').each(function() { $(this).attr('data-bs-toggle', $(this).attr('data-toggle')).removeAttr('data-toggle'); }); });
如何在summernote onclick img中删除功能[关闭]
我对summernote有疑问。当我用 summernote 单击 img 时，选择了一个用于调整大小、删除等图像的函数 summernote pop 但是我不要这个功能，因为我还有一个功能……
summernote on vite / rails / production not working
嗨 我正在努力让 summernote 在生产上运行/在 vite 上登台。 版本 夏令营 0.18.20 3.1.3 版 轨道 7.0.4 安装 我通过 npm i summernote 安装了 Summernote 前端/
我在这样的表单中有一个 summernote textarea 单击按钮我需要克隆整个
我无法将图像名称添加到 summernote textarea
嗨，我在这里阅读了很多页面并尝试了一切，但我想我遗漏了一些东西。下面的代码将文件上传到文件夹，但 textarea 无法获取文件名或其他内容，只能上传。搜索
我正在尝试向 Summernote 添加一个验证器方法，以确保控件中有内容，并使用验证工具提示进行警告，如果数据不存在，则停止提交表单...
我在 Rails 应用程序中遇到 Summernote 的一些问题。我已将它附加到一个文本区域，并且可以使用新方法和表格成功地创建一个带标记的文档。然后我可以显示...
Laravel Blade Inputs 中的夏季笔记编辑器本身
你好.. 我有一个问题 plis..所以我在 laravel php blade 中有这个夏天的笔记编辑器 你好.. 我有一个问题 plis..所以我在 laravel php blade 中有这个夏天的笔记编辑器 <div class="form-group"> <label class="required" for="description">{{ trans('cruds.course.fields.description') }}</label> <textarea class="form-control {{ $errors->has('description') ? 'is-invalid' : '' }}" name="description" id="summernote" required>{{ old('description') }}</textarea> @if ($errors->has('description')) <div class="invalid-feedback"> {{ $errors->first('description') }} </div> @endif <span class="help-block">{{ trans('cruds.course.fields.description_helper') }}</span> </div> 和这个用于 summernote 脚本的 JS <script> $('#summernote').summernote({ placeholder: 'Description...', tabsize: 2, height: 100 }); </script> 但问题是当我在编辑器中输入时，前两个词被大写，然后光标移动到开头并从那里开始写，并且在输入几个字符后阻止我进一步输入..我可以知道为什么这是因为我在我的其他 php 视图功能中获得了相同的代码并且它在那里工作.. 任何帮助将不胜感激..谢谢
用 Summernote 编辑器替换 Ace 编辑器，“保存”按钮不起作用
我正在使用不受支持的 PHP/MySQL CMS，出于某种原因使用 Ace 编辑器添加/编辑页面内容，我正在尝试将其转换为使用 summernote WYSIWYG 编辑器。 我有
Reactjs - Uncaught TypeError: $node.attr(...).tooltip is not a function.
我的工作在SummerNote提到库，并得到错误 - 未捕获的类型错误：$node.attr(...).tooltip不是一个函数，我使用 "react-summernote"。"^2.0.0", react版本 - "react": "^16....
$summernote没有定义HTMLTextAreaElement.onImageUpload。
我正在使用Summernote，它对所有文本都有效，但我在设置AJAX调用上传图片时遇到了问题。我收到警告"$summernote is not defined ReferenceError: $summernote is ...