Summernote的默认文本区域名称是什么？

Question

有人能帮我找到Summernote默认的名称吗？编辑器在页面上看起来正确（我可以使用界面修改文本），但是基于我的理解，POST不起作用。</p> <p>我尝试了各种POST变量，但似乎都不正确。例如：<code>summernote</code>、<code>note-codable</code>和<code>text-area</code>。后两者来自summernote.js。我对JQuery并不是很熟悉，请提供详细步骤。</p> <p>这些是我正在使用的。</p><pre class="guess-JavaScript"><code> $('#summernote').summernote({height: 300}); var sHTML = $('#summernote').code(); </code></pre><p>和</p><pre><code> <div name="summernote" id="summernote"><?php echo $news_body; ?></div> </code></pre><p>我也尝试了下面的代码来单独更改文本区域的名称为<code>content</code>：</p><pre class="guess-Prolog"><code>var sHTML = $('#summernote').code(); $('#summernote').code(); var content = $('textarea[name="content"]').html($('#summernote').code()); $('textarea[name="content"]').html($('#summernote').code()); var sHTML = $('textarea[name="content"]').html($('#summernote').code()); var textareaValue = $("#content").code(); $("summernote").code(html); </code></pre>

- Maelish

---

这其实是一个非常简单的修复。混淆的根源在于文档中说要使用 div，而实际上只需要使用 text-area 即可。虽然 summernote 动态创建了一个 text-area，但还是建议手动创建。这样就能正常工作了。 - Maelish

Answer 1

这其实是一个非常简单的修复。混淆之处在于文档说要使用 div，但只需改用 text-area 即可。虽然 summernote 会动态创建 text-area，但还是建议手动创建，这样可以正常工作。

- Maelish

---

不幸的是，这会引起其他问题。例如，当您使用“textarea”时，“<sometext>”会自动转换为“<sometext>”（在使用“div”时正常工作）。 - Skeets

jsfiddle --- github上的问题 - Skeets

@Skeets 我想知道这是否是较新版本的Summernote中变化了的内容？ - Maelish

是的，因为有div标签，它很令人困惑。但我还有另一个困惑或问题，这给我带来了麻烦。我想在编辑表单上显示从jquery表格接收到的数据，虽然所有内容都进入了编辑表单，但如何将textarea中的内容显示在summernote框中呢？ - heySushil

Answer 2

我找到了一个使用php进行表单POST的Summernote的工作示例，在这里.

这个例子有点复杂，所以我来解释一下。

首先，您需要添加一个文本区域，它将是发布内容的容器。在这个例子中，有一个名为“content”的文本区域。文本区域同时充当Summernote编辑器的容器，但是您也可以使用隐藏文本区域，并使用div作为Summernote容器。

为了将数据从Summernote传递到文本区域，您需要在提交POST时调用summernote元素上的.code()函数。该示例通过将onsubmit处理程序设置为一个函数（在示例中命名为“postForm”）来完成此操作。该函数查找summernote元素，获取编码输入，并将编码字符串设置为文本区域的html。

- Landon B

Answer 3

试试这个：

var sHTML = $('.summernote').summernote('code')

- Rabin Mallilck

---

虽然这可能回答了问题，但最好解释答案的基本部分，并可能解释OP代码中的问题。 - pirho

Answer 4

Summernote在初始化时会构建自己的DOM区域，即使您使用<textarea>，它的标记语言也会使用带有contentEditable属性的<div>作为可编辑区域，顺便提一下，它的类是note-editable。

如果您还没有，请务必查看https://summernote.org/deep-dive/页面，了解可用的API函数选项。

- Devel