【问题标题】:How to remove summernote tooltip v.0.8.2如何删除 Summernote 工具提示 v.0.8.2
【发布时间】:2016-12-29 00:12:38
【问题描述】:

我正在尝试从 Summernote 的工具栏中删除工具提示。我尝试了以下以前有效但现在更新到 0.8.2 后不起作用的方法。删除工具提示的正确方法是什么?

$("#myNote").summernote({
            toolbar: [
                ['para', ['ul']] // I want to remove this tooltip
            ],
            focus: true
        });
$('.note-editor [data-event="insertUnorderedList"]').tooltip('disable'); 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.css" rel="stylesheet"/>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet"/>


<div id="myNote"></div>

【问题讨论】:

    标签: javascript jquery summernote


    【解决方案1】:

    丑陋的方式(我会尝试在文档中找到一些东西来做得更好):

    $("#myNote").summernote({
                toolbar: [
                    ['para', ['ul']] // I want to remove this tooltip
                ],
                focus: true
            });
    $('.note-editor [data-event="insertUnorderedList"]').tooltip('disable');
    
    $('.note-btn.btn.btn-default.btn-sm').attr('data-original-title','');
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    
    <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.js"></script>
    <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.css" rel="stylesheet"/>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet"/>
    
    
    <div id="myNote"></div>

    【讨论】:

      【解决方案2】:

      旧帖子,但我确实喜欢这样:

      $('.editor').summernote();
      $('.note-btn').removeAttr('title');
      

      【讨论】:

        【解决方案3】:

        使用这个

         $('#myTextEditorId').summernote({
                            tooltip: false
                        });
        

        注意:将 summernote css 文件放在 bootstrap css 之前

        【讨论】:

          猜你喜欢
          • 2016-09-13
          • 1970-01-01
          • 2016-02-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多