Topic: Summernote with MDB button style issue

Lubos free asked 4 years ago


Expected behavior Summernote (https://summernote.org/) editting buttons would be not impacted by MDB design.

Actual behavior Summernote works as expected until I load MDB css library which impacts all summernote text editing buttons, which drastically downgrades user interface, even text table column/row edditing buttons within div with classes [:popover-content note-children-container] appear on top of page.

Resources (screenshots, code snippets etc.) compare standard summernote editing buttons (https://summernote.org/) before and after calling MDB css.


Bartłomiej Malanowski staff commented 4 years ago

Currently, we don't support Summernote. However, could you please tell us how to recreate your issue?


karolla86 free answered 4 years ago


Same problem pls help us


Mateusz Łubianka staff commented 4 years ago

Hi @karolla86,

We have a plugin with similar functionality. Check out WYSIWYG Editor docs: https://mdbootstrap.com/plugins/jquery/wysiwyg/

Best,


Lubos free answered 4 years ago


Czesc Bartlomiej,

could you please have a look on the summernote.org, basically it is similar to your own plugin "WYSIWYG Editor" but it allows table edits and other functionality.

Summernote has own standalone css but it is all blown up with MDB css.

To reproduce just create textarea and implement summernote (instructions in summernote.org) + call MDB css to see the effects.

Please help on this as the Table editing functionality within textearea is very important in our project and we do not want to take decision between Summernote or MDB.

Thank you for understanding.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: PC
  • Browser: Mozilla
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes