Summernote 只允许表格中的纯文本

Posted

技术标签:

【中文标题】Summernote 只允许表格中的纯文本【英文标题】:Summernote allow only plain text in table 【发布时间】:2019-12-17 13:23:27 【问题描述】:

我想在表格单元格中只允许纯文本,不允许嵌套表格、段落、列表等。 在这里最好的方法是什么,一旦插入符号位于表格内,可能禁用工具栏?有什么事件可以处理吗?

我尝试通过检查 $(".note-table-popover").is(":visible") 来禁用按钮,但这并不能完全解决我的问题,因为可以隐藏弹出框并且插入符号可能会留在表格内。

【问题讨论】:

【参考方案1】:

我已经想出了如何在插入符号在表格中时禁用工具栏,希望它可以帮助某人(这是用咖啡脚本编写的)

textarea = "#div"
@$(textarea).next(".note-editor").find(".note-editable").on 'keydown keyup mousedown mouseup', (e) =>
  node = document.getSelection().anchorNode
  node = if node.nodeType == 3 then node.parentElement else node
  btns = @$(textarea).next(".note-editor").find(".note-btn")
  if ["TD", "TH"].indexOf(node.tagName) != -1
    btns.attr("disabled", true)
  else
    btns.attr("disabled", false)

【讨论】:

以上是关于Summernote 只允许表格中的纯文本的主要内容,如果未能解决你的问题,请参考以下文章

编辑 Summernote 时会话终止

如何验证 Summernote 中的文本 - Php

summernote 表添加行

Summernote - 从服务器中删除图像

Summernote 和 MVC c# 中的表单提交

图片上传到 Summernote 编辑器中的文件夹