This Plugin adds a Dropdown Summernote toolbar that lets you change add inline HTML Elements, and it was dapted from Adapted from https://github.com/tylerecouture/summernote-add-text-tags
Include the following code after Summernote:
<script src="summernote-inline-elements.js"></script>
$('.summernote').summernote({
toolbar:[
['style',['style', 'inline']], // The "Inline" Button
['font',['bold','italic','underline','clear']],
['fontname',['fontname']],
['color',['color']],
['para',['ul','ol','paragraph']],
['height',['height']],
['table',['table']],
['insert',['media','link','hr']],
['view',['fullscreen','codeview']],
['help',['help']]
]
});