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')

你可能感兴趣的:(2019-01-05)