javascript - 在 Summernote 中使用 <br> 而不是 <p>?

标签 javascript jquery html wysiwyg summernote

需要使用<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>这不是我要找的标签。

result screenshot

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

有什么想法吗?谢谢

最佳答案

这段代码对我有用:

$("#summernote").on("summernote.enter", function(we, e) {
     $(this).summernote("pasteHTML", "<br><br>");
     e.preventDefault();
});

这会拦截 Enter 按下事件并更改其默认行为,插入 <br>而不是新段落。

关于javascript - 在 Summernote 中使用 <br> 而不是 <p>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37185556/

相关文章:

javascript - Coqsoft 树网格单元中的 OnMouseOver 事件

javascript - 跨域 HTML Get 请求

html - 对于 Jquery UI 按钮,如何去除焦点上的蓝色光晕?

html - 如何通过格式化的 json 在 pre 标签中显示中断?

javascript - CKEditor和JQuery验证: error message not disappearing after entering text

javascript - 使用 JQuery 创建一个事件的动态菜单

javascript - 在浏览器中选择全字

javascript - 如何通过ajax更新js对象类型变量?

javascript - 一旦选择了 5 个随机数,如何禁用所有剩余的数字

javascript - 从链接运行脚本