正文 

当前位置： 首页 > 问答 >

summernote 富编辑器文本区域高度变为零

     2023-03-22     60

关键词：

【中文标题】summernote 富编辑器文本区域高度变为零【英文标题】：summernote rich editor text area height become zero 【发布时间】：2018-07-20 02:26:34 【问题描述】：

我正在使用https://summernote.org/ 富文本编辑器。将 Summernote 编辑器放置在引导模式中。在模态显示中，使用以下代码添加文本。

var text = "<p>Hello</p>";
$('text-field').summernote('code',text);

问题：有时它会改变 '.note-toolbar-wrapper' 类的高度变为零。它看起来像这样。

【问题讨论】：

我遇到同样的问题...你解决了吗？ 以下答案对我有用 【参考方案1】：

首先用元素初始化你的 Summernote。 

 $('your-element').summernote(
     height: 100
 );

然后试试

var text = "<p>Hello</p>";
$('your-element').summernote('code',text);

如果“文本字段”是类，则使用$('.text-field').summernote。

如果 'text-field' 是 id，则使用 $('#text-field').summernote。

【讨论】：

对同一页面中的所有文本区域重复summernote编辑器

】对同一页面中的所有文本区域重复summernote编辑器【英文标题】：repeatthesummernoteeditorforallthetextareasinsamepage【发布时间】：2016-02-1309:14:27【问题描述】：我有一个如下所示的cshtml视图页<divclass="form-group">@foreach(varfieldsinModel.Li... 查看详情

如何识别富可编辑文本区域中的文本溢出

】如何识别富可编辑文本区域中的文本溢出【英文标题】：HowtoIdentifythetextoverflowinRichEditableTextArea【发布时间】：2014-07-2211:20:50【问题描述】：我正在与RichEditabletextArea合作。我想知道文本是否适合该文本区域，或者是否溢出texta... 查看详情

我怎么知道 Summernote（富文本编辑器）是专注的？

】我怎么知道Summernote（富文本编辑器）是专注的？【英文标题】：HowtoIknowthatSummernote(richtexteditor)isfocused?【发布时间】：2020-05-1909:29:42【问题描述】：我有一个使用codeigniter的项目。可以选择使用快捷键打开模式。就像，当我单... 查看详情

文本区域内的 HTML5 富文本

...以在没有非常讨厌的javascript的情况下执行代码语法高亮编辑器之类的操作（例如创建iframe和其他内容）。这是真的吗？是否有支持它的浏览器？我在哪里可以找到一些API？【问题讨论】 查看详情

如何使用 Capybara + Poltergeist 将文本设置到 Summernote 文本区域

】如何使用Capybara+Poltergeist将文本设置到Summernote文本区域【英文标题】：HowtosettextintoSummernotetextareawithCapybara+Poltergeist【发布时间】：2015-08-3010:36:42【问题描述】：我有一个使用Summernote的textarea，我为它设置了onChange事件。我想用... 查看详情

什么是最好的非所见即所得文本区域编辑器？

】什么是最好的非所见即所得文本区域编辑器？【英文标题】：What\'sthebestnon-WYSIWYGtextareaeditor?【发布时间】：2010-09-2215:57:35【问题描述】：我正在尝试找到一个编辑器（或一些简单的JavaScript-最好是jQuery），它可以让我编辑文本... 查看详情

自动调整多个文本区域的高度以适应加载的内容

】自动调整多个文本区域的高度以适应加载的内容【英文标题】：Autofitmultipletextarea\'sheighttoloadedcontent【发布时间】：2020-12-1013:46:18【问题描述】：我写了一个html/php页面来更新数据库内容。该页面有几个表单（我需要编辑的每... 查看详情

我可以使文本区域与文本一起增长到最大高度吗？

】我可以使文本区域与文本一起增长到最大高度吗？【英文标题】：CanImakeatextareagrowwithtexttoamaxheight?【发布时间】：2013-03-2812:20:35【问题描述】：我正在做一个项目，我的div中有各种大小的数据。当用户点击其中一个div时，它需... 查看详情

Summernote富文本编辑器-限制图片高于特定高度和宽度

】Summernote富文本编辑器-限制图片高于特定高度和宽度【英文标题】：Summernoterichtexteditor-restrictimageaboveparticularheightandwidth【发布时间】：2021-11-2822:58:46【问题描述】：当我在编辑器中上传图片时，我可以找到它的大小。但我希望... 查看详情

如何用内容改变文本区域的高度？

】如何用内容改变文本区域的高度？【英文标题】：Howtochangetheheightoftextareawithcontent?【发布时间】：2018-03-3109:44:17【问题描述】：我正在尝试根据内容高度更改文本区域的高度。我看到事件处理程序不会改变高度，因为它被引导... 查看详情

如何获得文本区域的高度

】如何获得文本区域的高度【英文标题】：HowdoIgettheheightofatextarea【发布时间】：2013-11-1003:10:12【问题描述】：我需要获取文本区域的高度。看似简单，却让我抓狂。我多年来一直在研究***，但没有运气：textarea-value-height和jquery-... 查看详情

spark文本区域高度调整为内容

】spark文本区域高度调整为内容【英文标题】：sparkTextareaheightadjusttocontent【发布时间】：2011-08-0406:21:44【问题描述】：我想根据我动态放入的文本在动作脚本中调整我的文本区域的大小，但绝对不知道该怎么做……搜索了很多。... 查看详情

jQuery / JS 获取文本区域的滚动条高度

】jQuery/JS获取文本区域的滚动条高度【英文标题】：jQuery/JSgetthescrollbarheightofantextarea【发布时间】：2011-08-2405:19:33【问题描述】：我有一个固定高度的文本区域。当用户在textarea中输入文本时，滚动条会在用户输入一些文本后出... 查看详情

响应式表单 - 控制文本区域的高度

】响应式表单-控制文本区域的高度【英文标题】：Responsiveform-controllingheightofatextarea【发布时间】：2013-01-0912:08:55【问题描述】：我有这个HTML表单：<formmethod="post"action="#"class="cf"><divclass="left"><labelfor="first-name">FirstNam... 查看详情

更改文本区域的高度和宽度

】更改文本区域的高度和宽度【英文标题】：Changetheheightandwidthoftextarea【发布时间】：2014-09-1914:10:22【问题描述】：我需要更改HTML的&lt;textarea&gt;标签的宽度和高度，我需要它两行（行）。目前，它只有一条线。知道如何... 查看详情

如何使用 HTML 和 Jquery 根据文本修复文本区域高度 [重复]

】如何使用HTML和Jquery根据文本修复文本区域高度[重复]【英文标题】：HowtofixtextareaheightaspertextusingHTMLandJquery[duplicate]【发布时间】：2018-10-1314:33:55【问题描述】：我需要一个帮助。我需要根据里面写的内容来修复文本区域的高度... 查看详情

文本区域编辑中的问题

...处理用户输入（包括选项卡）的文本区域中制作一种文本编辑器。每次用户输入内容时，我都会运行一个paginate()函数，该函数在页面上正确分页文本，该函数大约需要20毫秒。现在，因为我不希望在对文本区域进行分页时处理第... 查看详情

多个文本区域上的 flex 编辑菜单操作

】多个文本区域上的flex编辑菜单操作【英文标题】：flexeditmenuoperationsonmultipletextareas【发布时间】：2010-10-1713:21:39【问题描述】：我有一个网格，其中一列将itemrenderer作为textarea。我的应用程序是菜单控制的。现在我想使用菜单... 查看详情