2019-01-05

使用summernote富文本编辑器的坑

关于获取纯文本内容的问题
方法为:

let str = $($('#summernote').summernote('code')).text() 
  • 问题:
    在项目中, 只有一个富文本实例时, 通过上述方式, 无论何时都可取到纯文本内容,
    但当有多个富文本编辑器存在, 以此方法有时会获取不到文本内容, 但是这个方法是正确的
  • 原因是:
    在输入的内容只是纯文本并没有成为html内容时 , 这种方法获取的是空, 只有在成为html内容时 才能通过这个方法最后的 .text() 得到纯文本内容
  • 解决方式:
    在输入的内容是html内容时, 通过以上富文本的.text()获得, 在输入的内容只是纯字符串时, 直接以获取html内容的方式获取即可
let str = $($('#summernote').summernote('code')).text() || $('#summernote').summernote('code')
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 封装 DOM 操作 DOM 将文档(页面结构)表示成一棵将树,树由元素节点,属性节点,文本节点组成,而 即是树...
    RomanticAir阅读 233评论 0 1
  • (一) 山气腾腾蒸,岭上白云逐。 朱鹭拍翅起,天地如一屋。 (二) 鸟啭空山翠,雨湿身上衣, 苍苍雾海隔,云压千树...
    释迦干屎橛阅读 251评论 0 0
  • 记 自己 文/三径 三岁记事 记后院儿的第一棵枣树 记抱起我的双手 记歪歪扭扭的足迹 记最喜欢...
    三径SJ阅读 623评论 9 19
  • 回味瞬间的一念 为你捧上情人节的玫瑰 遗失 丢弃 回不去的爱情 今日做个了断 为你保留最初的心 抚平伤痕累累 任...
    晚韵阅读 129评论 0 0
  • 昨天,父亲又收拾起他的行囊,外出工作了。 自从有记忆以来,不是看着他背影离开,就是他看着我背影离开。 相聚总是短暂...
    桃蹊w阅读 312评论 0 0