Remove bootstrap dependency from summernote

[u-approach-ricardo]

Hello there,

I have a problem, when i intergrate bootstrap on my current project there goes a lot wrong in the style.
is it posible to use summernote without bootstrap, or with a custom that doesnt do anything with my style?

is there already a custom css/js file special for summernote, that wont harm any default code?

[rodw]

Just to +1 this request, I would also strongly welcome a summernote distribution with the minimal set of dependencies. I'd like to deploy summernote on sites that don't use bootstrap.

[coniel]

+1 for no bootstrap. I don't want to add bootstrap just to use summernote (but I really want to use it...).

[karldanninger]

+1

[easylogic]

+1

[ghost]

+1 at present with what I have planned for LibrCMS, seperating Summernote from Bootstrap to allow any other framework to be used with my CMS would be handy. I could do this myself, but will break future Summernote Updates, not to mention be annoying.

[karldanninger]

I just stumbled on this! Looks like it's been done for meteor https://atmospherejs.com/summernote/standalone I've tried it out, looks to be working with my custom bootstrap

[hoganhenderson]

+1

[hackerwins]

@hoganhenderson, @kdanninger, @StudioJunkyard, @coniel, @rodw, @u-approach-ricardo Thanks for reporting.
We have a planning to develop feature about standalone but It will be hard for us and takes a long time.

This is not perfect, But You can use summernote without entire page style affected by bootstrap now.
Include dist/summernote-bs3.css instead of original bootstrap css. It's just a little trick. If you open summernote-bs3.css, You will find .note-editor selector surround all of original bootstrap css means only affected under the .note-editor(In normal case using bootstrap, please don't include this file).

[dago64]

@hackerwins Thanks for the tip! But how do you deal with the jQuery which was contained in bootstrap? (the dropdowns are not working anymore on my summernote toolbar...)

Console says: "Uncaught Error: no such method 'hide' for tooltip widget instance"

[hackerwins]

@dago64
Please include boostrap.js
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>

[mikkhait]

+1

[andrewhayes1979]

+1 for removing bootstrap dependency

[Frexuz]

+1

[hackerwins]

Let's talk about this with #1324.

[ghost]

+1

[navneet35371]

+1

[bopeng87]

+1

[albertosouza]

+1

[gplume]

+1

[Lorelei]

+1

[bebor]

+1

[bryanwayb]

+1

[powerdot]

+1

[zerotoinfinite2006]

+1
With no dependency upon bootstrap it would be more awesome. Or at least, it should have minimum code required from bootstrap.cs or .js

[yaxhpal]

+1

[mauroricardomarfil]

+1

[chevas]

+1

[apocist]

+1 for removing bootstrap

[M-Blobby]

+1

[PanJiaChen]

+1

[tatoshko]

+1 for removing bootstrap

[hackerwins]

Sorry for late.
We have plan to develop a summernote for bs4 when bootstrap 4 is released. After that I'll do this too.

[ghost]

Hi @hackerwins hope you had a Merry Christmas.
While I more than appreciate all your efforts in starting the development of Summernote, I'm wondering if it would just be better to not worry about Bootstrap, but rather just jump straight into removing that dependency? There's no reason not to style the interface accordingly for BS3, and BS4 using CSS so users can load the look they want. I guess you also have to think about the Javascript BS dependency.

[ilkerbfl]

+1

[yshelomentsev]

+1

[nicolas-besnard]

+1

[phelsajc]

+1

[victor-stagurov]

+1

[jenya-p]

+1

[nugrahawahyu]

+1

[jsaunders92]

Hi guys,

I was having this problem too. I got around almost all over the overriding CSS by having my own Stylesheet loading second, but I still had one or two problems. I've just used this: https://formden.com/blog/isolate-bootstrap ... IT WORKS! Thought it might come in handy for some of you.

[hackerwins]

related with #2434.

[aldrienht]

I used Summernote without including full bootstrap styles(since I'm using other framework).
Try only to include summer-note-bs3.css, you can get from this link https://ci.open-paas.org/stash/projects/OR/repos/material-admin/browse/vendors/bower_components/summernote/dist/summernote-bs3.css?at=806b7534d138eb8a0e624d3b5484ef870b2d730e&raw

[hackerwins]

@aldrienht Thanks for the information.
For your information, we also provide summernote-lite for using summernote without bootstrap.
https://summernote.org/getting-started/#without-bootstrap

[aldrienht]

Oohhh, This site can’t be reached...

[DennisSuitters]

Works fine for me...

[aldrienht]

I don't know why I cannot access the site :(