文章/答案/技术大牛

发布

社区首页 >问答首页 >如何检索Summernote的内容？

问如何检索Summernote的内容？
EN

Stack Overflow用户

提问于 2016-12-09 00:47:01

回答 1查看 3.3K关注 0票数 1

我正在寻找一个较小的Javascript“编辑器”来使用我的网络项目。我发现了https://github.com/summernote/summernote/，它看起来很不错，看起来很有希望。

我尝试通过创建以下代码来使用它：

<!DOCTYPE>
<html lang="en">

<head>
    <!-- include libraries(jQuery, bootstrap) -->
    <script type="text/javascript"     src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" />
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <!-- include summernote css/js-->
    <link href="assets/plugins/summernote-master/summernote.css" rel="stylesheet">
    <script src="assets/plugins/summernote-master/summernote.js"></script>
</head>
<body>
<div id="summernote">Hello Summernote</div>
<button onclick="getCode();return false;">Get the code!</button>
<script>
    function getCode()
    {
        var html = $("#summernote").summernote("code");
        console.log(html);
    }

    $(document).ready(function() {
        $("#summernote").summernote();
    });
</script>
</body>
</html>

根据文档，您只需要使用.summernote("code")来收集文本编辑器窗口的内容。然而，我的Console.log结果：

Object { length: 1, context: HTMLDocument → info.php, selector: "#summernote", 1 more… }  info.php:21:9

有没有人有使用这个编辑器的经验，可以帮助我理解我需要做哪些不同的事情？我的目标是收集用户创建的窗口的内容，并将其发布到我的应用程序中。

谢谢你的想法！

javascript

php

jquery

回答 1

Stack Overflow用户

发布于 2018-01-05 02:32:55

将您的HTML更改为以下内容。

<div class="summernote" id="summernote">Hello Summernote</div>

拿到代码！

并编写脚本以

<script>   

$(document).ready(function() {
    $(".summernote").summernote();
});

function getCode()
{
    var html = $("#summernote").summernote("code");
    console.log(html);
}
</script>

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41044619

复制

相似问题

问如何检索Summernote的内容？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检索Summernote的内容？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检索Summernote的内容？
EN