Summernote WYSIWYG Editor is not visible

Question

I want to use Summernote editor in a popup that is inside a popup,the popup code is inside the partial view. And i have included the css & js files in the main view but when i click on the editor button popup comes but i am not able to see the editor.I have searched a lot and not able to figure out what can be the issue.Is it because of the popup ??

Answer 1

Look at this demo I created just now-

http://jsfiddle.net/gze70ov2/1/

First initialize summernote on document ready. And make sure you have included required resources for this to work in order-

• <link href="font-awesome.css" rel="stylesheet"/>
• <link href="bootstrap.css" rel="stylesheet"/>
• <link href="summernote.min.css" rel="stylesheet"/>
• <script src="jquery.js" type="text/javascript"></script>
• <script src="bootstrap.min.js" type="text/javascript"></script>
• <script src="summernote.min.js" type="text/javascript"></script>