标签: summernote

有没有一种已知的方法可以使summernote模式从bootstrap模态中突破？

我有一个普通的模态,里面有一个summernote元素,没什么特别的.

当我使用summernote功能时,如果我在boostrap模式中使用summernote,这就是我得到的:

JS:

$('#dropper').on( "show.bs.modal", function() {
    $('#dropping').summernote({
        height: 300
    });
})

HTML:

<div id="dropper" class="modal fade" tabindex="-1" data-backdrop="static" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div id="dropping">text...</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left">
                    <span class='fa fa-paperclip '></span>
                    Attach Digital Assets
                </button>
                <div class="btn-group">
                    <button type="button" class="btn btn-default opacity75" class="close" data-dismiss="modal">
                        &times; Cancel
                    </button>
                    <button type="button" class="btn btn-warning" href="javascript:postDrop()">
                        Post Status Update
                        <span class='fa fa-bullhorn '></span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

完成Bootply: http ://bootply.com/113808

我有个问题.我想在我的summernote编辑器中设置rel ="nofollow"链接.我试过rng.insertNode($(''+ sLinkText +'')[0]); 在1757行,但它不起作用.

有谁可以帮助我吗？

谢谢

我正在使用Summernote WYSIWYG编辑器而且我遇到了这个问题:
每当视图从Rich Text更改为HTML时,我想进行一些计算并更新编辑器内容.
但是当编辑器从Rich Text更改为HTML时.code()似乎不起作用......
过了一段时间我意识到编辑器处于HTML模式时.code()根本不起作用 - 这就是为什么在按下"codeview"时从文本到HTML的按钮不起作用...

请参阅此feedle:http://jsfiddle.net/Lpp1Lmhn/4/(在Rich Text中按"更新"按钮,然后在HTML模式下按)

所以问题是:
在HTML视图中有没有办法更新编辑器的内容？

先感谢您.

需要<br>在 Summernote 编辑器中使用标签，而不是<p>在用户点击 Enter 按钮时使用，所以这是我的代码：

var $this = $(this),
    box = $('textarea.CommentsFields');
box.summernote({
    height: 100,
    focus: true,
    toolbar: [
        [ 'all', [ 'bold', 'strikethrough', 'ul', 'ol', 'link' ] ],
        [ 'sided', [ 'fullscreen' ] ]
    ],
    callbacks: {
        onEnter: function(){
            box.summernote('insertNode', document.createTextNode("<br>")); 
            console.log('uiwdbvuwecbweuiuinsjk');
        }
    }
});

我编写了 onEnter 事件的自定义回调，当用户点击返回按钮时，它会引发回调，并编写<br>不是我正在寻找的标签。

我阅读了他们的文档，但无法理解如何停止输入按钮的默认操作并写入<br>标签而不是将元素包装在<p>标签中。

任何的想法？谢谢

我在laravel 5.2中使用summernote js.

在表单中,当用户单击编辑按钮时,summernote编辑器应该为字段打开.实际上它适用于单个字段,但是当我将其应用于多个字段时,它不起作用.

我的看法:

 <form action="{{route('account')}}" id="acc" class="ac" method="post">
  <div class="col-lg-3"><label>Estado</label>
  @foreach($accounts as $account)
  @if($user== $account->user)
  {!! $account->estado !!}



  <textarea  style="display:none;" name="textfield4" id="textfield4"></textarea>


  <div class="col-lg-2 estado " id="estado"></div>
  @endif
  @endforeach



</div>
  <div class="col-lg-4"></div>
</div>
<div class="row">
  <section class="col-lg-3 "><label for="textfield5">I'm Good At:</label>
  @foreach($accounts as $account)
  @if($user== $account->user)
  {!! $account->goodat !!}





   <textarea  style="display:none;" name="textfield5" id="textfield5"></textarea>
  <div class="col-lg-2 col-md-2 es" id="goodat"></div>

  @endif
  @endforeach

<br /><div><button type="button" class="btn btn-info edit">Edit</button>
    <button type="submit" class="btn btn-success" id="btn-send-message" >Save</button>
    <input type="hidden" value="{{Session::token()}}" name="_token">
    </div>


  </form> …

我的summernote编辑器中的某些文本包含HTML。我想让用户选择文本，就像在编辑器中一样。

到目前为止，我看到的所有答案都告诉我使用此答案

$('#summernote').summernote('createRange').toString()

但这会从选择中剥离所有现有的HTML。这个：

$('#summernote').summernote('code')

返回所有带有HTML的文本，但不涉及用户选择的文本。

有没有办法让用户在summernote中使用所有HTML和格式设置文本？

我按预期在我的网站上使用了 Summernote，其中包含：

    $('#summernote').summernote({
        height: $(document).height() - ($("#Maintable").height() + $("#TblTop").height() + 60),
        minHeight: null,             // set minimum height of editor
        maxHeight: null,             // set maximum height of editor
        focus: true,

        toolbar: [
            // [groupName, [list of button]]
            ['style', ['fontname', 'bold', 'italic', 'underline', 'clear']],
            ['font', ['strikethrough', 'superscript', 'subscript']],
            ['fontsize', ['fontsize', 'undo', 'redo']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['height', ['height']],
            ['insert', ['picture', 'video', 'table']],
            ['search', ['findnreplace', 'changecolor']]
        ],
        buttons: {
            changecolor: ChangeColorButton
        }
    });

但是，当我在一个被调用的函数中调用以下代码时window.onresize，为了更改高度值，没有任何反应。我该怎么办？

   $('#summernote').summernote({
                height: 100     
   });

我试图在Summernote中创建一个自定义按钮插件，但是ui.button当然会创建一个按钮。有什么办法可以使该div例如吗？

context.memo('button', function() {
                return ui.buttonGroup([
                    ui.button({
                        className: 'someClass',
                        tooltip: 'tooltipInfo',
                        data: {
                            toggle: 'dropdown'
                        },
                        click: function() {}
                    }),

我试图做的是：

var buttonGroup = ui.buttonGroup([ ... ]);
buttonGroup.changeTag('div');
return buttonGroup;

然后手动更新按钮并将其标签更改为div。它“有效”，但是例如，在这种情况下，我设置的buttonGroup中的click事件不起作用。甚至尝试将on（'click'）事件附加到buttonGroup变量，但仍然不会触发点击。

关于如何以其他方式实现此目标的任何想法？

我想要的是？

我正在尝试使用“截止日期之后”将语法检查集成到Summernote插件中。

到目前为止我做了什么？

按照本教程，我下载了ATD服务器并成功运行了该服务器。还可以从我的html页面的文本区域成功检查语法。

现在，我开始将其与summernote集成在一起。我的参考是CKEditor的插件，该插件已与ATD集成，可在此处获得。我还参考将语法和拼写检查添加到任何所见即所得编辑器页面

我下载了用于ATD的CKEditor插件，并对其进行了修改以与summernote一起使用。最后，我设法在summernote中添加了一个新插件，并在summernote中添加了一个自定义工具箱按钮。下面的Summernote插件代码

$.extend($.summernote.plugins, {
    /**
     * @param {Object} context - context object has status of editor.
     */
    'spellcheck': function (context) {
        var self = this;
        // ui has renders to build ui elements.
        //  - you can create a button with `ui.button`
        var ui = $.summernote.ui;
        context.memo('button.spellcheck', function () {
            // create button
            var button = ui.button({
                contents: '<img src="../../atd-ckeditor-master/images/atdbuttontr.gif" alt="">',
                tooltip: 'Check spelling and grammar',
                click: …

有没有办法在summernote编辑器中为棱镜添加一个按钮？

我的视图中包含棱镜 css 和 js 文件，但我不知道如何在编辑器中为其添加按钮：

$(document).ready(function() {
  $('.summernote').summernote({
      minHeight: 200,
      toolbar: [
         ['style', ['style', 'bold', 'italic', 'underline', 'clear']],
         ['font', ['strikethrough', 'superscript', 'subscript']],
         ['fontsize', ['fontsize', 'fontname', 'fontsizeunit', 'height']],
         ['color', ['color']],
         ['para', ['ul', 'ol', 'paragraph']],
         ['table', ['table']],
         ['insert', ['link', 'emoji', 'picture', 'video']],
         ['view', ['fullscreen', 'codeview', 'help']]
      ]
  });
});

任何的想法？